1. 程式人生 > >元素大小合適,但是卻莫名掉下去了為什麽?關於margin的解釋之一

元素大小合適,但是卻莫名掉下去了為什麽?關於margin的解釋之一

方法 設置 固定 但是 有時 mar 一行 margin 是我

開發時有時候總會碰到這樣的問題,一行四個元素並排,四個元素的總寬度明明比父級元素的總寬度還要小,但是最後一個元素莫名拍到了下一行,怎麽找都找不到原因。

我找到一個解決方法,雖然不知道是不是唯一的,但是卻是解釋之一

比如四個元素的寬度是25%,父級元素的寬度是1283像素,那麽1283像素的25%是320.75像素,根據瀏覽器不足1像素按照1像素來算,那每個元素的寬度實際上試321像素,所以最後一個元素始終不能跟其他元素並拍。解決方法就是當父級元素為固定像素時,子元素也應該為固定像素,當設置子元素為固定元素時,如果父級元素為百分比那麽應該設置出父級元素的最小寬度,這樣就能保證樣式上不會再出現莫名的問題。

講的粗糙了一點,寫文章不是我的強項,能幫到大家就好~

元素大小合適,但是卻莫名掉下去了為什麽?關於margin的解釋之一