亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

關(guān)于幾種自適應(yīng)布局

Honwhy / 2228人閱讀

摘要：即自適應(yīng)寬度元素定義一個(gè)父標(biāo)簽，并設(shè)置屬性為為自適應(yīng)寬度元素設(shè)置，應(yīng)定寬元素寬度固定寬度元素設(shè)置屬性為負(fù)值除此之外應(yīng)注意結(jié)構(gòu)中應(yīng)先寫自適應(yīng)元素，再寫固定寬度元素。

類型一 1，左右兩側(cè)，左側(cè)固定寬度200px，右側(cè)自適應(yīng)占滿 代碼如下 





左右兩側(cè)，左側(cè)固定寬度200px，右側(cè)自適應(yīng)占滿





    

    









左右兩側(cè)，左側(cè)固定寬度200px，右側(cè)自適應(yīng)占滿
運(yùn)行結(jié)果

類型二 2，左中右三列 左右固定200px 中間自適應(yīng)占滿 代碼如下 





左中右三列 左右固定200px 中間自適應(yīng)占滿
運(yùn)行結(jié)果

類型三 3，上中下三行 頭部200px高 底部200px高 中間自適應(yīng)占滿 代碼如下 





上中下三行 頭部200px高 底部200px高 中間自適應(yīng)占滿
運(yùn)行結(jié)果

總結(jié)

固定寬度元素設(shè)置float屬性為left,自適應(yīng)元素設(shè)置margin屬性，margin-left應(yīng)>=定寬元素寬度。

即

自適應(yīng)寬度元素定義一個(gè)父標(biāo)簽，并設(shè)置float屬性為left；width為100%；自適應(yīng)寬度元素設(shè)置margin，margin-left應(yīng)>=定寬元素寬度；

固定寬度元素設(shè)置margin-left屬性為負(fù)值：-100%；

除此之外應(yīng)注意HTML結(jié)構(gòu)中應(yīng)先寫自適應(yīng)元素，再寫固定寬度元素。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/52618.html

相關(guān)文章

  • 關(guān)于幾種自適應(yīng)布局

    摘要：即自適應(yīng)寬度元素定義一個(gè)父標(biāo)簽，并設(shè)置屬性為為自適應(yīng)寬度元素設(shè)置，應(yīng)定寬元素寬度固定寬度元素設(shè)置屬性為負(fù)值除此之外應(yīng)注意結(jié)構(gòu)中應(yīng)先寫自適應(yīng)元素，再寫固定寬度元素。 類型一 1，左右兩側(cè)，左側(cè)固定寬度200px，右側(cè)自適應(yīng)占滿 代碼如下 左右兩側(cè)，左側(cè)固定寬度200px，右側(cè)自適應(yīng)占滿 .box{ width:600px; height:500px; ...

    songjz 評(píng)論0 收藏0

  • 基于float的幾種布局

    摘要：在這里介紹基于的幾種布局浮動(dòng)與兩側(cè)自適應(yīng)的布局如圖所示，左邊沒有限定寬度，右邊寬度自適應(yīng)。使用實(shí)現(xiàn)的布局，可以適用于兩欄的布局。單側(cè)固定的布局單側(cè)固定的布局分為固定布局和流體布局。 在這里介紹基于float的幾種布局. 1.浮動(dòng)與兩側(cè)自適應(yīng)的布局 如圖所示，左邊沒有限定寬度，右邊寬度自適應(yīng)。使用table-cell實(shí)現(xiàn)的布局，可以適用于兩欄的布局。showImg(https://seg...

    Freelander 評(píng)論0 收藏0

  • 自適應(yīng)頁(yè)面的實(shí)現(xiàn)方式

    摘要：頁(yè)面自適應(yīng)自適應(yīng)是指頁(yè)面內(nèi)容自動(dòng)適應(yīng)屏幕大小，實(shí)現(xiàn)自適應(yīng)的方法有多種簡(jiǎn)易場(chǎng)景實(shí)現(xiàn)自適應(yīng)浮動(dòng)頁(yè)面居中元素寬度不寫固定而設(shè)置百分比自動(dòng)匹配大小。后面詳細(xì)介紹柵格系統(tǒng)的實(shí)現(xiàn)方式。當(dāng)頁(yè)面寬度發(fā)生改變時(shí)，每個(gè)柵格的大小會(huì)自動(dòng)調(diào)整以適應(yīng)頁(yè)面尺寸。 頁(yè)面自適應(yīng) 自適應(yīng)是指頁(yè)面內(nèi)容自動(dòng)適應(yīng)屏幕大小，實(shí)現(xiàn)自適應(yīng)的方法有多種： 1.簡(jiǎn)易場(chǎng)景實(shí)現(xiàn)自適應(yīng)：浮動(dòng)、頁(yè)面居中、元素寬度不寫固定而設(shè)置百分比自動(dòng)匹配大...

    molyzzx 評(píng)論0 收藏0

  • 自適應(yīng)頁(yè)面的實(shí)現(xiàn)方式

    摘要：頁(yè)面自適應(yīng)自適應(yīng)是指頁(yè)面內(nèi)容自動(dòng)適應(yīng)屏幕大小，實(shí)現(xiàn)自適應(yīng)的方法有多種簡(jiǎn)易場(chǎng)景實(shí)現(xiàn)自適應(yīng)浮動(dòng)頁(yè)面居中元素寬度不寫固定而設(shè)置百分比自動(dòng)匹配大小。后面詳細(xì)介紹柵格系統(tǒng)的實(shí)現(xiàn)方式。當(dāng)頁(yè)面寬度發(fā)生改變時(shí)，每個(gè)柵格的大小會(huì)自動(dòng)調(diào)整以適應(yīng)頁(yè)面尺寸。 頁(yè)面自適應(yīng) 自適應(yīng)是指頁(yè)面內(nèi)容自動(dòng)適應(yīng)屏幕大小，實(shí)現(xiàn)自適應(yīng)的方法有多種： 1.簡(jiǎn)易場(chǎng)景實(shí)現(xiàn)自適應(yīng)：浮動(dòng)、頁(yè)面居中、元素寬度不寫固定而設(shè)置百分比自動(dòng)匹配大...

    omgdog 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<