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