-
body{ margin:0; padding:0; font-size:30px; color:#fff} .top{width:1000px;height:100px;background:gray;?} .main{width:1000px;height:600px;background:red;?} .left{width:300px;height:600px;background:blue;float:left; ?} .right{width:690px;height:600px;background:green;float:right;?} .foot{width:1000px;height:50px;background:orange;?} </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>查看全部
-
文檔流:將窗口自上而下分成一行一行,并在每行中按從左至右的依次排放元素,即為文檔流。 有三種情況使得元素離開文檔流而存在,分別是浮動 絕對布局 固定定位查看全部
-
清除浮動: 1.overflow:none 2.wwidth:100%;overflow:hidden.查看全部
-
左側固定 中間自由 右側固定 .left{寬,高,顏色,position:absolute;left0 top0 }左側上冊離瀏覽器邊框為O查看全部
-
文檔流:一行一行 遮蓋?忽略?不占空間?查看全部
-
固定寬度,需要一個父集包括查看全部
-
style type=“text/css”查看全部
-
style type:{text/css}底下 清除默認樣式 body{margin:0 padding:o}查看全部
-
1.DW 可保存,瀏覽 2 居中: margin0 auto 3 不設寬度,就是屏幕全長查看全部
-
5-1混合布局不懂查看全部
-
margin:0 310px 0 210px;//在不為零的數字后應該加上單位。查看全部
-
重點查看全部
-
clear:both; 清楚浮動查看全部
-
寬度自適應: .left{width:20%}查看全部
-
清楚默認樣式: body{margin:0;padding:0}查看全部
舉報
0/150
提交
取消