-
3列布局宽度自适应使用绝对定位position:absolute;left:0;top:0查看全部
-
三列布局，左右两列固定定位，可用绝对定位，中间为自适应定位（可随浏览器窗口调整而改变）可以使用margin 来对中间列两侧留白（留空隙），使margin值小于预留值即可。查看全部
-
三列布局，定位方法查看全部
-
自适应三列布局：设置浮动无效，需要进行定位设置。左右进行绝对定位position:absolute;left:0;top:0;中间列进行水平居中的设置：margin:0 300px 0 200px;(上右下左)查看全部
-
两列自适应的布局：设置两个div，分别设置左右浮动，宽度的值设为百分比的形式。 固定宽度的两列布局：用父包裹层包含列数，这样就可以设置宽度的大小，用像素。查看全部
-
定宽的块级元素水平居中方法：设置margin：0 auto；查看全部
-
.right{}里面写了一个margin-left:210px;元素左外边距210px，相当于这个.right{}占用了所有的.main{}空间元素 .left{}里面加上浮动是对于有空间而言的,所以只能在下面。如果使用绝对定位，就没问题了查看全部
-
1.如果是要清除浮动影响的是浮动对象的父对象： 建议采用：设置父对象的overflow:hidden; 2.如果要清除浮动影响的是浮动对象后边紧邻的对象 建议采用：clear:both;查看全部
-
因为div默认是从上倒下排列的，设置float后，会让其脱离本来的位置向上浮动查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。 有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位 脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它 绝对定位脱离文档流，float只是提升了“半层”的高度查看全部
-
左右两边的版块使用了绝对定位，不在文档流中，因此中间的版块的外边距是左版块的宽度的右版块的宽度查看全部
-
脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。 而position:relative 不可以脱离文档流查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>混合布局编程挑战</title> <style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top{width:970px;height:150px;margin:0 auto;background:#06a;} .main{width:970px;height:600px;background:red;} .left{width:300px;height:600px;background:blue;float:left;} .right{width:650px;height:600px;background:green;float:right;} .foot{width:970px;height:150px;background:pink;} </style> </head> <body> <div class="top">top</div> <div class="main"> <div class="right">right</div> <div class="left">left</div> </div> <div class="foot">foot</div> </body> </html>查看全部
-
宽度自适应的条件 自适应宽度的层不要指定宽度和float属性 自适应宽度的层物理的位置放在最下面 自适应的div中不能出现“width=100%”，否则在ie6中会出现错位现象，ie7，ie8，ff3，chrome都正常查看全部
-
必须有绝对定位position:absolute；才可以使用top属性查看全部
举报
0/150
提交
取消