塊級元素的margin-left和margin-right的用法注意

k1.jpg

此時是有效果顯示的

k1-效果.jpg

因爲html文檔流默認是從上往下,從左往右進行顯示的,所以此時是有效果的。

那如果此時把#son的塊元素的margin-right:20px;  是沒有效果的

K2.jpg

此時是沒有效果的,如圖所示:

k2-xiaoguo.jpg

如果此時想要margin-right有效果的話,必須讓#son這個塊元素是在右邊顯示的,所以可一個#son這個元素往右浮動,float:right;

那麼此時就會有效果的。

k4.jpg

效果如圖所示:

k4-效果.jpg

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章