1、可以使用CSS的float属性实现，只要给每张图片设置 float：left； ，这样图片就会从左向右浮出，一行排满效果就出来了。另外还可以设置一些margin，用于让图片有合理的间隔。
成都创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于网站建设、网站设计、昌宁网络推广、小程序开发、昌宁网络营销、昌宁企业策划、昌宁品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联公司为所有大学生创业者提供昌宁建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com
2、新建一个html文件，命名为test.html，用于讲解。在test.html文件内，创建一个div模块，并设置其class属性为mydiv。在div模块内，使用img图片标签创建两张图片，src属性指向不同的图片路径。
3、如果是想让多张图片中在同一行，不需要去控制，因为img元素替换内联元素 replaced inline element，属于inline element类目，也就是说其本身不会独占一行，只要是空间允许，两个或者多张图片是可以在一行的。
）网页布局分为：自然布局，浮动布局， 定位布局 10）当一个元素被定义为浮动显示时，即定义为块状元素。并且该元素就会收缩自身体积为最小状态。所以，应该有个好的习惯即把浮动元素设置高和宽。
左右框架型布局 这类网站主要由左边栏和内容区组成，组成比较简洁，主要用于精彩内容的呈现，主要是很多个人站点、博客的首选。
前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。
1、首先，header，nav，article，section，aside，footer这些html5的标签本质上和div没有任何区别，他们的实质性作用就是让你的html代码有语义。也就是说，仅仅在html使用它们并不会显示出他们语义中包含的意思。
2、响应式布局最简单的就是用css3来实现。我举一个最简单的例子。下面是html代码。
3、）在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏，其中的内容可以使友情链接，博客中的其它文章列表、广告单元等。
scrolldelay属性设置字幕内容滚动时停顿的时间，单位为毫秒。如果要让滚动看起来流畅，数值应该尽量小。实例中设置为1毫秒。如果要有步进的感觉，就设置时间长一点吧。width属性设置滚动字幕的宽度。
打开“文件”，新建“旧版本标题”。编辑字母内容。设定字幕的宽度和高度，字体颜色等属性。点击靠左上角的这个图标，这个就是设置字幕是否滚动的关键所在。打开“滚动/游动选项”。
建立第一个滚动字幕。代码：marquee scrollAmount=2 width=300滚动字幕/marquee各参数详解：a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。
打开软件，文件，新建，html文件，命名随意，我这里命名hday。软件自动生成html的基本构造。首先保存一张背景图片放在img文件夹。
在电脑桌面新建一个文本文档。在文本文件输入下面的文字。然后修改文本文件扩展名为.html。双击这个文件，用IE浏览器打开，就可以看到文字滚动。图片标识的意思代表设置背景颜色是红色red。
1、按道理它也不是会向上的。例子：你浮动中，有一个为250高的，那么那一排就按250来，而且，向左浮动的意思，只是说紧跟着上一个，如果像你所说的，向上了，那它就不止浮云这么简单了，那就叫错位了。
2、改成302px；你少了个px，等于width宽度没定义。
3、其实float导致的bug会经常出现，所以用float要谨慎。解决办法，就是尽量不要那么设置float，如果想要达到某种效果，就多写几层div来包裹。
4、做好后随着滚动而滚动了。引入了文件后。script (.pinned).pin({containerSelector： .b， minWidth： 940})； /script (这段代码里面的.pinned是要悬浮的div，b是这个悬浮div悬浮的范围。
方法1：固定宽高 给浮动的元素添加父级div盒子，再给父级盒子设置高度 方法2：一起浮动 父元素也添加浮动，这样父元素也脱离文档流 方法5：父级添加双伪元素 ：after 方式是额外标签法的升级版。
方法1：test{clear：both；} test为浮动元素的下一个兄弟元素 方法2：test{display：block；zoom：1；overflow：hidden；} test为浮动元素的父元素。
清除浮动，顾名思义就是clear：both，这的确是一种方法，但是要确定我们的clear：both是应用在哪里。4/7 我们可以在html页面上，最后一个浮动元素的后面，添加一个div，并设置其style为clear：both。
