2015-04-22 74 views
-2

經過大量關於浮點數的研究,我很困惑爲什麼網上有這麼多的信息,浮點數應該總是有一個寬度的定義。人們常說,浮體將佔據整個空間,因此表現得像一個正常的塊體元素。但是關於這裏的信息http://www.w3.org/TR/CSS21/visudet.html#shrink-to-fit-float浮動將始終縮小以適合。據我所知浮法將永遠不會佔用整個空間,除非它需要。浮動需要寬度嗎?

想到導航項時,是否需要指定寬度?我不認爲在這種情況下。也許當浮動內容太大?

它也在這裏討論Do you really need a width on floated element?但沒有明確的說法,這是沒有必要的。

+2

取決於你想什麼與它做。簡短的回答,沒有。但很長的答案 - 將取決於你正在試圖用浮球來實現。 – ajmajmajma

+1

_「人們經常說,浮體會佔據整個空間,因此表現得像一個正常的塊體元素」_嗯,你在哪裏讀過的? – j08691

回答

0

我不認爲所有的浮動元素都需要固定的寬度,但也許任何位置的CSS包括將頁面分成3列,您可能需要考慮固定浮動到左/右列的寬度。其中一個原因是因爲導航欄或論壇帖子或某些超級鏈接列表通常會在頁面的兩側對齊,如果這兩列未固定,則您的錨鏈接的字符限制將受限制,因爲屏幕尺寸減小。屏幕縮小時,您可能不希望將內聯錨標籤包裝在多行中。固定寬度可以消除這一點。

0

浮動不需要寬度。如果沒有內容,摺疊容器也是優點和缺點。 看一看:Expand div to max width when float:left is set

刪除在div標籤的所有P標籤(類右)顯示效果:沒有更多的紅色背景

.content .left{ 
 
\t float:left; 
 
\t width:100px; 
 
\t background-color:green; 
 
} 
 
.content .right{ 
 
\t margin-left:100px; 
 
\t background-color:red; 
 
}
<div class="content"> 
 
\t <div class="left"> 
 
\t \t <p>Hi @ all</p> 
 
\t </div> 
 
\t <div class="right"> 
 
\t \t <!-- no content no backgroundcolor --> 
 
\t </div> 
 
</div>

+0

嗨@DirkJüttner,我不明白你想要說的一點嗎?是不是正常的塊元素行爲,如果元素內沒有內容並且沒有定義高度,元素會縮小到零高度?我不明白這與浮游物有什麼關係?看到這裏:[鏈接](https://jsfiddle.net/r8La7cdn/) – offline

+0

@亞歷迪維託1.浮動不需要維度。如果float的內容大於列本身,它看起來像這樣:https://jsfiddle.net/r8La7cdn/1/ –