-
一列布局最多的都是无固定宽度的。 写样式的时候先清除一下默认样式。查看全部
-
.top{height:80px;background:gray;} .main{height:600px;background:red;position:relative;}/*加position是为了让.left里的top与.header无关*/ .left{width:200px;height:600px; position:absolute;left:0;top:0px;background:blue;}/*设置absolute使left脱离文档流，自己决定位置。*/ .right{height:600px;margin-left:210px ;background:green;} .foot{height:30px;background:orange;}查看全部
-
仍可以看到footer留在底下的答案如下： float和position:absolute可以使盒子脱离文档流 脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它查看全部
-
两列布局： div设置margin：0 auto水平居中 长、宽度设置为所占%可以自适应 float：可以设置浮动的位置为左侧/右侧，否则从右边开始计算 固定宽度 left和right增加一个父div#main,使之嵌入其中，设置这个main的width，以及margin 0 auto；查看全部
-
自适应宽度，高度 头部、主体、底部 主体：分栏（分列），混合布局查看全部
-
<!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:100%;height:100px;background:#ccc;} .main{background:#f00;height:500px;} .left{ width:200px;height:500px;position:absolute;left:0;top:100px;background:blue;} .right{background:#9C9;height:500px;margin-left:210px;} .foot{width:100%;height:50px;background:#F63;clear:both;} </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>查看全部
-
weight:用%时是自适应网页大小，用px就是固定的了查看全部
-
多列布局的时候，一个定宽，另一个自适应，要吧定宽的拉出文档流，设置position属性为absolution 然后把自适应宽度的margin值改为固定值可以。查看全部
-
三列布局要让中间的一列实现自适应应把左右两列都绝对定位就可以了查看全部
-
这一节！！！！！！！！！为什么我的不对 再写查看全部
-
1、自适应宽度：设置左：float：left;中：float:left;右：float:right; 2、左右固定宽度，中间自适应宽度：取消float,用position:absolute实现 左：width:200px;position:absolute;left:0;top:0; 右：width:300px;position:absolute;right:0;top:0; 中：margin:0 300px 0 200px;(上 右 下 左),如果需要与两侧之间有间距，只需要改变margin即可查看全部
-
margin:0 auto让div在页面水平居中对齐查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。 有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位查看全部
-
浮动 绝对定位脱离文档流查看全部
-
两列布局查看全部
举报
0/150
提交
取消