-
.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
提交
取消