NEWS
建站資訊
浮動是如何起作用的,你需要仔細研究并觀察web瀏覽器是如何渲染HTML/CSS文件的。每個可見的HTML元素都會生成一個用于渲染的盒模型。當你在電腦屏幕或移動電話上瀏覽該文件的時候,這些盒模型就會在屏幕上渲染出來。當你打印該文件的時候,這些盒模型就會在紙上渲染出來。當你使用屏幕閱讀器的時候,這些盒模型的內容就會以聽覺的方式渲染出來,就像語音一樣。
就像HTML中有塊級和內聯(lián)元素一樣,CSS中也有塊級和內聯(lián)盒模型。從定義上講,塊級元素生成塊狀盒模型,而內聯(lián)元素生成內聯(lián)盒模型。除了由頁面 元素生成的盒模型之外,還有其它一些生成的盒模型,例如,為文件的文本內容而生成的盒模型。
塊狀盒模型通常是按照元素在標記中的出現(xiàn)順序從上到下排列的。 如果不采用CSS的話,區(qū)塊元素是不能并排顯示的。內聯(lián)盒模型是水平排列的。direction屬性決定了它們是從左到右還是從右到左排列(如果不特別指定的話,默認是從左到右排列)。最專業(yè)的廣州網站設計
浮動一個盒模型就是指將它從文件流中取出并按照指定的浮動方向盡可能地向左或向右移動。“盡可能”一般是指直到浮動元素的外緣接觸到包含區(qū)塊的邊界為止(如果有填充距的話,就是到包含區(qū)塊的填充距內側)。因此,對于float:left來說,盒模型將向左移動,直到其左邊界接觸到父盒模型的左沿。
細心的讀者可能會注意到我在上面用了“一般”這個詞。當我們設置一個盒模型向左浮動時,如果已經有了一個向同樣方向浮動的盒模型,后面這個盒模型就會在接觸到第一個盒模型之后停止浮動。也就是說,浮動元素不會互相重疊。
本文由廣州網站建設公司-三行網絡原創(chuàng),轉載請保留版權( 廣州網站建設huiduochem.com )三行網絡——專注于企業(yè)網站建設、響應式營銷型網站定制,歡迎來電咨詢!熱線:020-85628720、15915767698