已采納回答 / Matt_Wong
<...code...>這句話中你使用了絕對定位,然后給她的左側邊緣定義了210px,但是它沒有寬度啊。于是它就使用了默認的寬度也就是內容的寬度。題目要求我們自適應它的寬度。而且right要先加載,所以我能想到的方法只有使用絕對定位定義左右的位置(left:210px;right:0px)使其限定在這個位置中。想必您也想到了,只是使用的方法有些混淆。更改方式<...code...>希望對你能有所幫助。
2018-06-14
已采納回答 / Matt_Wong
1、因位如果不設置會默認left為0,top也是默認為0;2、如果想為元素設置層模型中的絕對定位,需要設置position:absolute(表示絕對定位),這條語句的作用將元素從文檔流中拖出來,然后使用left、right、top、bottom屬性相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位。如果不存在這樣的包含塊,則相對于body元素,即相對于瀏覽器窗口。????參見:http://www.xianlaiwan.cn/code/2073
2018-06-11
已采納回答 / 如夢亦晨
float:right會讓div往右邊浮動,而.left則已經往左浮動了,故而一個左貼邊,一個右貼邊,中間自然露出來大片的底色(紅色)。所以你這里的margin-left:210px并沒有起到實質上的作用,因為中間的區域估計有上千px。要想用浮動來實現這樣的效果,必須都設置成float:left。但是本題的任務要求:右側(right)先加載,左側(left)后加載。而且下面的div代碼也是right在前面,left在后面。如果是left在前面,right在后面,那么可以直接使用float:left,從左到...
2018-06-08
.top{height:100px;background:gray;}
.main{height:600px;background:red;position:relative;}
.left{ height:600px;width:200px;background:blue;position:absolute;top:0;left:0;}
.right{height:600px;background:green;margin-left:210px;}
.foot{height:100px;background:orange;clear:both;}
.main{height:600px;background:red;position:relative;}
.left{ height:600px;width:200px;background:blue;position:absolute;top:0;left:0;}
.right{height:600px;background:green;margin-left:210px;}
.foot{height:100px;background:orange;clear:both;}
最贊回答 / sugar_橖
你可以先運行結果看看,footer 的色塊已經跑到了上面,只有文字在下面,之所以會跑走,是因為上面的元素用了浮動,原來的位置就空了出來,然后 footer 沒有浮動元素,又沒有清除浮動,就占據了中間位置,所以,想讓footer 在他自己的位置,就先清除浮動(clear:both)希望幫到你~
2018-05-18