2013-08-07 59 views
0

我已經使用了float:leftright幾次。「它與流量一起」意味着什麼關於CSS浮動和負邊距?

我還是不明白當一本書說「它符合流程」或「它打破了流程」時它意味着什麼。

例如:

它去隨大流

如果應用到元素,而浮動它不會破壞頁面的流量。因此,如果您使用負邊距向上微調元素,則所有後續元素也將被微調。

(從http://coding.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/

這是什麼意思?

+3

聽起來像一個蹩腳的書。 – BoltClock

+0

一些情景會很好 – koningdavid

+0

http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/ – mplungjan

回答

0

看到這個:

塊級元素在流動使箱。它們始終是堅實的,長方形的,規則的 。這就是爲什麼你可以給他們一個邊框,寬度和高度不需要瀏覽器擔心有趣的形狀。 內聯層級元素不會使這個可愛的常規形狀:他們 可能會開始規則,但然後流動左邊的框旁邊,並被強制在右邊 。下面是一個圖表:

正如你所看到的,內聯級別元素(文本)遍佈在 的地方!它必須在塊級元素之間進行蠕變。若要 使瀏覽器能夠呈現此內容,則內嵌文本將被拆分爲' 個框':一種塊級框,其中包含當前行的 的文本,該文本實際上並不存在,可以放在 旁邊其他塊級元素。上圖中的線框有 輪廓呈淡藍色。因此塊級元素在流中形成漂亮的框 ,內聯塊不會。值得注意的是, 級別的元素不能彼此相鄰:即使您限制了它們的寬度,它們在不同的行上始終爲 ,因此它們可能會彼此相鄰顯示(除非您調用浮點型號 或定位模型,我會去到更高版本)

http://xmouse.ithium.net/2004/what-is-the-flow

+0

這對Normal Flow不是很好的描述。線框是「排序塊級」的想法根本不正確。 – Alohci