css float浮動樣式&文件流
阿新 • • 發佈:2018-12-26
1.什麼是文件流
一個html檔案就是一個文件流。所有元素預設都處於文件流中
在文件流中塊元素獨佔一行,可以設定內容區大小(width,height)
當wdith設定為auto自動時,他將佔據整個父元素的寬度。
當將heigh設定為自動是,他的高度有他的子元素的高度撐開
在文件流中內聯元素,不能設定內容區的大小(width,height)他的大小由他的子元素的內容撐開。
2.float 浮動
浮動指的是,使得原來處於文件流中的內容脫離文件流。
這是脫離了文件流。那麼浮動的元素,將不佔據文件流的位置。而其他元素則可以佔據他的位置了
注意:浮動一般都是向右上方或者左上方浮動。浮動的位置最多到父元素的邊框。除非他浮動前他的前面已經有了一個 浮動元素
浮動元素的浮動如果他的上方有一個未浮動的塊元素元素,那麼這個浮動元素的位置不會到為浮動塊元素的那一層去
浮動只會一個接著一個浮動。弟弟元素不會浮動到哥哥元素的上層。只可能並排浮動
當塊元素浮動以後不在獨佔一行。
當內聯元素浮動以後,內聯元素可以設定寬和高。也就是說浮動了的元素,只有塊元素沒有內聯元素。