php網頁的布局是什么意思

這篇文章主要為大家展示了“php網頁的布局是什么意思”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“php網頁的布局是什么意思”這篇文章吧。

　　一。 網頁的布局方式

　　1.什么是網頁的布局方式？

　　網頁的布局方式其實就是指瀏覽器是如何對網頁中的元素進行排版的;分為：標準流，浮動流，定位流

　　1.標準流（文檔流/普通流）排版方式

　　1.1其實瀏覽器默認的排版方式就是標準流的排版方式

　　1.2在CSS中將元素分為三類， 分別是塊級元素/行內元素/行內塊級元素

　　1.3 在標準流中有兩種排版方式， 一種是垂直排版， 一種是水平排版

　　垂直排版， 如果元素是塊級元素， 那么就會垂直排版

　　水平排版， 如果元素是行內元素/行內塊級元素， 那么就會水平排版

　　2.浮動流排版方式

　　2.1浮動流是一種"半脫離標準流"的排版方式

　　2.2浮動流只有一種排版方式， 就是水平排版。 它只能設置某個元素相對于父元素左對齊或者右對齊

　　注意點：

　　1.浮動流中沒有居中對齊， 也就是沒有center這個取值

　　2.在浮動流中是不可以使用margin: 0 auto;（是無效的）

　　特點：

　　1.在浮動流中是不區分塊級元素/行內元素/行內塊級元素的

　　無論是級元素/行內元素/行內塊級元素都可以水平排版

　　2.在浮動流中無論是塊級元素/行內元素/行內塊級元素都可以設置寬高

　　3.綜上所述， 浮動流中的元素和標準流中的行內塊級元素很像

　　3.定位流排版方式

　　二。 浮動元素的脫標

　　1.什么是浮動元素的脫標？

　　脫標： 脫離標準流

　　當某一個元素浮動之后， 那么這個元素看上去就像被從標準流中刪除了一樣， 這個就是浮動元素的脫標;

　　2.浮動元素脫標之后會有什么影響？

　　如果前面一個元素浮動了， 而后面一個元素沒有浮動 , 那么這個時候前面一個元就會蓋住后面一個元素;

　　三。 浮動元素排序規則

　　浮動元素排序規則 :

　　1相同方向上的浮動元素， 先浮動的元素會顯示在前面， 后浮動的元素會顯示在后面

　　2不同方向上的浮動元素， 左浮動會找左浮動， 右浮動會找右浮動

　　3浮動元素浮動之后的位置， 由浮動元素浮動之前在標準流中的位置來確定（如果元素浮動前在標準流中的第一行，那么它浮動后就在第一行顯示，如果浮動前在標準流中的第二行，浮動后就在第二行顯示）

　　四。 浮動元素貼靠現象

　　什么是浮動元素貼靠現象？

　　1.如果父元素的寬度能夠顯示所有浮動元素， 那么浮動的元素會并排顯示

　　2.如果父元素的寬度不能顯示所有浮動元素， 那么會從最后一個元開始往前貼靠

　　3.如果貼靠了前面所有浮動元素之后都不能顯示， 最終會貼靠到父元素的左邊或者右邊

以上是“php網頁的布局是什么意思”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！