最贊回答 / qq_紅豆餡兒_0
自己從網上搜了一下:浮動會將元素從文檔流中刪除,他的空間會被其它元素補上;浮動這個機制的時候,就是為了實現文字環繞在圖片周圍的效果。所以浮動的時候,文字會環繞在浮動元素周圍。脫離文檔流,也就是將元素從普通的布局排版中拿走,其他盒子在定位的時候,會當做脫離文檔流的元素不存在而進行定位。需要注意的是,使用float脫離文檔流時,其他盒子會無視這個元素,但其他盒子內的文本依然會為這個元素讓出位置,環繞在周圍。而對于使用absolute positioning脫離文檔流的元素,其他盒子與其他盒子內的文本都會無視它...
2015-09-10
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative;overflow:hidden; margin-top:15px;}
#left{float:left;width:110px; border:1px solid #999;}
#mid{margin-left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;left:790px;top:0;border:1px solid #999;}
#mainbody{position:relative;overflow:hidden; margin-top:15px;}
#left{float:left;width:110px; border:1px solid #999;}
#mid{margin-left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;left:790px;top:0;border:1px solid #999;}
2015-09-10
<style type="text/css">
*{margin:0; padding:0;}
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;left:787px;border:1px solid #999;}
</style>
*{margin:0; padding:0;}
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;left:787px;border:1px solid #999;}
</style>
2015-09-10
最贊回答 / 過去了過去
行級元素可以通過display:block;轉化成塊級元素;塊級元素可以通過display:inline;轉化成行級元素。塊級元素可以設置寬高和邊距,而行級元素不行。所以讓行級元素有盒子模型加個display:block;代碼就行了。
2015-09-09
是你搞活動剛打開看健康了公開 是你搞活動剛打開看健康了公開 是你搞活動剛打開看健康了公開 是你搞活動剛打開看健康了公開 是你搞活動剛打開看健康了公開 是你搞活動剛打開看健康了公開 是你搞活動剛打開看健康了公開 是你搞活動剛打開看健康了公開
2015-09-08
已采納回答 / 紫色苜蓿
相對定位只是相對于自身而言它發生的偏移,但它還包含在標準文檔流里,也可以認為是說,box2和box3得到的信息是——box1的位置沒有發生偏移;可以把相對定位看作是一個幻影,你看到的效果是它覆蓋了后面的內容,實際上機器語言編譯出來的它還是在原來的位置沒有發生偏移,box2和box3執行的是機器告訴它的信息
2015-09-08