NEWS

廣州網(wǎng)站制作_div網(wǎng)站制作需注意浮動(dòng)元素

發(fā)布時(shí)間: 2024.10.12.瀏覽數(shù)：5502 新聞編輯：【三行網(wǎng)絡(luò) - 廣州網(wǎng)站建設(shè)公司www.stevenmarcscott.com】

廣州網(wǎng)站制作_div網(wǎng)站制作需注意浮動(dòng)元素 , 廣州網(wǎng)站建設(shè)www.stevenmarcscott.com三行網(wǎng)絡(luò) 為您詳細(xì)介紹 - 請(qǐng)往下閱讀》

廣州網(wǎng)站制作_div網(wǎng)站制作需注意浮動(dòng)元素：

浮動(dòng)是如何起作用的，你需要仔細(xì)研究并觀察web瀏覽器是如何渲染HTML/CSS文件的。每個(gè)可見的HTML元素都會(huì)生成一個(gè)用于渲染的盒模型。當(dāng)你在電腦屏幕或移動(dòng)電話上瀏覽該文件的時(shí)候，這些盒模型就會(huì)在屏幕上渲染出來。當(dāng)你打印該文件的時(shí)候，這些盒模型就會(huì)在紙上渲染出來。當(dāng)你使用屏幕閱讀器的時(shí)候，這些盒模型的內(nèi)容就會(huì)以聽覺的方式渲染出來，就像語(yǔ)音一樣。

就像HTML中有塊級(jí)和內(nèi)聯(lián)元素一樣，CSS中也有塊級(jí)和內(nèi)聯(lián)盒模型。從定義上講，塊級(jí)元素生成塊狀盒模型，而內(nèi)聯(lián)元素生成內(nèi)聯(lián)盒模型。除了由頁(yè)面元素生成的盒模型之外，還有其它一些生成的盒模型，例如，為文件的文本內(nèi)容而生成的盒模型。

塊狀盒模型通常是按照元素在標(biāo)記中的出現(xiàn)順序從上到下排列的。如果不采用CSS的話，區(qū)塊元素是不能并排顯示的。內(nèi)聯(lián)盒模型是水平排列的。direction屬性決定了它們是從左到右還是從右到左排列（如果不特別指定的話，默認(rèn)是從左到右排列）。最專業(yè)的廣州網(wǎng)站設(shè)計(jì)

浮動(dòng)一個(gè)盒模型就是指將它從文件流中取出并按照指定的浮動(dòng)方向盡可能地向左或向右移動(dòng)?！氨M可能”一般是指直到浮動(dòng)元素的外緣接觸到包含區(qū)塊的邊界為止（如果有填充距的話，就是到包含區(qū)塊的填充距內(nèi)側(cè)）。因此，對(duì)于float:left來說，盒模型將向左移動(dòng)，直到其左邊界接觸到父盒模型的左沿。

細(xì)心的讀者可能會(huì)注意到我在上面用了“一般”這個(gè)詞。當(dāng)我們?cè)O(shè)置一個(gè)盒模型向左浮動(dòng)時(shí)，如果已經(jīng)有了一個(gè)向同樣方向浮動(dòng)的盒模型，后面這個(gè)盒模型就會(huì)在接觸到第一個(gè)盒模型之后停止浮動(dòng)。也就是說，浮動(dòng)元素不會(huì)互相重疊。

本文由廣州網(wǎng)站建設(shè)公司-三行網(wǎng)絡(luò)原創(chuàng)，轉(zhuǎn)載請(qǐng)保留版權(quán)（廣州網(wǎng)站建設(shè)www.stevenmarcscott.com ）三行網(wǎng)絡(luò)——專注于企業(yè)網(wǎng)站建設(shè)、響應(yīng)式營(yíng)銷型網(wǎng)站定制，歡迎來電咨詢！熱線：020-85628720、15915767698