-
混合布局查看全部
-
三列布局查看全部
-
二列布局查看全部
-
一列布局查看全部
-
上面的代码没有给main设置高度，而main里的内容又设置成了浮动，所以footer会跑到head的下面。 解决方法有两个：1.清除浮动， clear:both; 2.为main设置高度， .main{ width:860px;height:600px;margin:0 auto;background:#9FC; }查看全部
-
这个练习题是要设置mid的外边距margin注意margin的取值。不只是写10px。要加上两边的宽度。查看全部
-
.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0} .main{ height:600px; margin:0 310px 0 210px; background:#9CF} .right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;} 左边和右边是绝对定位，相对浏览器一个left:0,一个right:0. 中间部分采取外边距,上下距离为零，距离左边是200px，右边是300px，如果想留下空隙，增加间隔就行， 所以margin:0 310 0 210.上右下左查看全部
-
body{ margin:0; padding:0; font-size:30px; } div{ text-align:center; font-weight:bold} .main,.footer{ width:960px; margin:0 auto; } .head{ width:100%; height:100px; background:#ccc; } .main{ height:600px; background:#FCC } .footer{ height:50px; background:#9CF; margin:0 auto; }查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。 有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位 脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它 绝对定位脱离文档流，float只是提升了“半层”的高度查看全部
-
本章中子div在父div里时height width都可设置为百分几%查看全部
-
本章三列布局有浮动方法无法让三列在一行，用绝对定位方法定位左右两边中间增加margin值上下为0左右为左右div宽度。增加空隙加大margin值查看全部
-
本章中父级div main对子级div left right在高度上无法影响查看全部
-
height与width自适应设置，要设置高具体单位，设不设都行，查看全部
-
清除浮动： http://www.divcss5.com/jiqiao/j406.shtml查看全部
-
清楚浮动有两种方法1，用clear：both；清除浮动。2，对要清除浮动的元素设置宽度+overflow：hidden；查看全部
举报
0/150
提交
取消