-
.top{width:100%;background:#ccc;height:80px;} .main{width:100%; height:500px; background:red;position:relative;} .left{width:200px;background:blue;height:100%;position:absolute;top:0px;} .right{background:green;height:100%;margin-left:210px;} .foot{width:100%;background:sandybrown;}查看全部
-
aaa查看全部
-
body{ margin:0; padding:0; font-size:30px; color:#fff} .top{height:100px;width:100%;margin:0 auto;background:#ccc;} .main{height:600px;width:100%;background:red;} .left{ height:600px;width:29%;background:blue;float:left;top:0;left:0;} .right{height:600px;width:70%;background:green;float:right; top:0;right:0;} .foot{height:100px;width:100%;background:#369;margin:0 auto;}查看全部
-
上面的代码没有给main设置高度，而main里的内容又设置成了浮动，所以footer会跑到head的下面。 解决方法有两个：1.清除浮动， clear:both; 2.为main设置高度， .main{ width:860px;height:600px;margin:0 auto;background:#9FC; }查看全部
-
写自适应宽度的div时宽度用百分比 两列固定 一列自适应 固定列用绝对定位控制位置自适应列用margin值查看全部
-
清除浮动两种方法：1. clear:both; 2. overflow:hidden.查看全部
-
看了好久发现是position单词写错了 也是没谁了查看全部
-
浮动（float）和 绝对定位（position：absolute）脱离文档流查看全部
-
转载： 01.个人的理解clear：both的作用是清楚之前浮动元素对于当前元素的影响（即认为之前所有元素均不浮动），但实际上之前的元素仍是浮动的，只不过此时被clear：both的元素认为他们不浮动了。<br> 也就是说，元素被添加了clear：both之后，并没有改变之前元素浮动的本质，只不过是（在布局上）不再影响当前元素而已。从这个角度来看，“清除浮动”的翻译是会产生歧义的，个合适的叫法应该是“清除浮动影响”才对。 02.上面的代码没有给main设置高度，而main里的内容又设置成了浮动，所以footer会跑到head的下面。 解决方法有两个：1.清除浮动， clear:both; 2、overflow:hidden; 03.一般排版简洁的时候可以用浮动，但是想要用浮动，就必须给div设宽，不然div就会独占一行，达不到并列的效果查看全部
-
clear:both; //清除浮动查看全部
-
文档流：将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. 浮动（float）和 绝对定位（position：absolute）-->脱离文档流 脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用position：absolute脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。查看全部
-
margin:垂直 水平<br> margin:0 auto //水平居中<br>查看全部
-
一列布局 水平居中 margin{0 auto}查看全部
-
css清除默认样式 body{margin:0;padding:0}查看全部
-
margin 0 auto：定宽元素居中查看全部
举报
0/150
提交
取消