-
中間div實現三行布局，總體是混合布局，但中間三行float：left 向左進行浮動查看全部
-
margin：0和padding：0用來清除樣式，取消內外邊距查看全部
-
三行混合布局查看全部
-
.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0;} .main{ height:600px; margin:0 300px 0 200px; background:#9CF;} .right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}查看全部
-
自適應width:20% width:80%查看全部
-
float: right; position:relative;right:-30px; 右浮動，相對位置，右移30px查看全部
-
margin:0 auto;上下為0，左右居中查看全部
-
div{width:100px;height:100px;margin:0 auto 水平居中查看全部
-
如果給中間設置100%會怎么樣查看全部
-
三列布局，中間模塊實現自適應寬度，則讓左右模塊絕對定位，設置left,top,right值。中間的模塊改變設置margin值。查看全部
-
常見布局種類查看全部
-
布局查看全部
-
簡單混合布局查看全部
-
混合布局查看全部
-
body{ margin:0; padding:0; font-size:30px; color:#fff} .top{height:200px; background-color:#ccc;} .main{width:800px; height:800px; margin:0 auto;position: relative;} .left{width:200px; height:800px; background-color:blue;position:absolute; left:0; top:0;} .right{height:800px; background-color:green; margin-left: 210px;} .foot{width:800px; margin:0 auto; background-color:orange;}查看全部
舉報
0/150
提交
取消