k1.jpg

此時是有效果顯示的

k1-效果.jpg

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

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

K2.jpg

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

k2-xiaoguo.jpg

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

那么此時就會有效果的。

k4.jpg

效果如圖所示:

k4-效果.jpg