页面的默认样式是从上到下排序的。漂浮可以让页面从左到右排序。 (1)float(浮动) 语法： 选择器{float:属性值;} float有三个属性left,right,none(默认)。 float等于left元素就向左浮动，float等于right元素就向右浮动，float等于none元素不浮动 ...
分类：
其他好文 时间：
2017-06-22 13:25:44
阅读次数：
94
这里有个例子 效果如下： 红色的块向左浮动之后，就把黑色块的一部分给覆盖掉了，黑色的块不高兴了，我不想被覆盖掉啊，怎么办？ 给黑色块添加clear:left，这意思是说黑色块不允许它的左侧有浮动元素出现，如果遇到了浮动元素机会自动躲开了，自动躲开，就文中的这个例子而言，它躲开的方法应该有两种，一种是 ...
分类：
其他好文 时间：
2017-06-17 20:46:21
阅读次数：
206
有这样一个问题，怎么让两个块并排显示，块用div表示。 效果是这样的： 由于div是block元素，不管你设置div是多宽都独占一行。所以按照上面的代码来写的话，div1和div2是并列显示的。我们得想想办法，后来查找资料，发现可以用float来实现，我们可以先让div1向左浮动，带入如下： 效果如 ...
分类：
其他好文 时间：
2017-06-17 19:32:01
阅读次数：
171
一、左边固定，右边自适应的布局 1. 左边左浮动，右边加个overflow:hidden; #lt{ float: left;width:200px; background: #ff0;} #rt{ overflow: hidden; background: #f0f;} #lt{ float: l ...
分类：
其他好文 时间：
2017-06-13 00:09:07
阅读次数：
270
float是什么意思？float是浮动，翻译成中文也是浮动意思。进入对应css手册中float手册了解float基本信息。 Float常跟属性值left、right、none Float:none 不使用浮动 Float:left 靠左浮动 Float:right 靠右浮动 float语法： flo ...
分类：
其他好文 时间：
2017-06-04 00:51:12
阅读次数：
236
好了 现在让 box2 box3 添加向左浮动的样式 box2 box3 都脱离了标准文档流 box4 网上顶 紧贴box1下方 此时 box1与 box4是新的 标准文档流 2，如果box4也加上左浮动 将会是这样 box4浮动 而工作中 希望 box4在box1和box2的下方 这时 我们需要用 ...
分类：
其他好文 时间：
2017-05-31 19:10:40
阅读次数：
224
圣杯布局和双飞翼布局实现的效果是一样的。 代码解析： 1.四个section，container，main,left,right。其中那个container为父容器。 2.main,left,right均左浮动。 3.main的宽度为100%。 4.设置left的margin:-100%。 5.设置 ...
分类：
Web程序 时间：
2017-05-28 00:29:16
阅读次数：
369
双飞翼布局的大概意思就是左右两边的内容是固定的，大小是固定的， 而中间的布局的随着页面的大小变化而自动变化的。 通过代码来解析： 1.四个div，也可以使用section，其中main,left.right为同一级的元素，inner为main的子元素。 2.main，left，right均左浮动。 ...
分类：
Web程序 时间：
2017-05-27 23:48:09
阅读次数：
247
1.元素浮动： 1）使用 float:left; 这样的格式设置元素的浮动方式，属性值可以是left,right； 2）元素设置为左浮动时，元素将从原区域浮动到浏览器的左侧页面；右浮动时，就会附在右侧的区域，而且元素是按照第一个元素在右侧的第一个位置，依次往左排列； 3）设置了浮动后，该元素相当于直 ...
分类：
Web程序 时间：
2017-05-21 19:47:26
阅读次数：
191
在学校老师出国一道题： 第一个div盒子，id为box, 宽度300px, 第二个div盒子在第一个div盒子的内部，id为div1,宽度200px, 第三个div盒子在第一个div盒子的内部，id为div2,宽度需计算, 三个盒子的border:1px solid red; 左浮动， 内外边距各5 ...
分类：
其他好文 时间：
2017-05-19 23:50:30
阅读次数：
265
