1. 程式人生 > >css float浮動樣式&文件流

css float浮動樣式&文件流

1.什麼是文件流

    一個html檔案就是一個文件流。所有元素預設都處於文件流中

    在文件流中塊元素獨佔一行,可以設定內容區大小(width,height)

            當wdith設定為auto自動時,他將佔據整個父元素的寬度。

            當將heigh設定為自動是,他的高度有他的子元素的高度撐開

   在文件流中內聯元素,不能設定內容區的大小(width,height)他的大小由他的子元素的內容撐開。

2.float 浮動

    浮動指的是,使得原來處於文件流中的內容脫離文件流。

        這是脫離了文件流。那麼浮動的元素,將不佔據文件流的位置。而其他元素則可以佔據他的位置了

      注意:浮動一般都是向右上方或者左上方浮動。浮動的位置最多到父元素的邊框。除非他浮動前他的前面已經有了一個                        浮動元素

                浮動元素的浮動如果他的上方有一個未浮動的塊元素元素,那麼這個浮動元素的位置不會到為浮動塊元素的那一層去

                浮動只會一個接著一個浮動。弟弟元素不會浮動到哥哥元素的上層。只可能並排浮動

                當塊元素浮動以後不在獨佔一行。

                當內聯元素浮動以後,內聯元素可以設定寬和高。也就是說浮動了的元素,只有塊元素沒有內聯元素。