日韩精品一区二区三区视频-日韩精品一区二区三区在线观看-日韩精品一区二区三区在线观看l-日韩精品一区二区三区中文-日韩精品一区二区三区中文3d-日韩精品一区二区三区中文不卡

Web前端知識(shí)

首頁(yè) > 免費(fèi) > Web前端知識(shí) >

如何用css實(shí)現(xiàn)一個(gè)左側(cè)定寬,右側(cè)自適應(yīng)兩列布局

來(lái)源:北京匯仁智杰科技有限公司   時(shí)間:2016-04-15   點(diǎn)擊:

  今天和大家分享的是,用css實(shí)現(xiàn)一個(gè)左側(cè)定寬,右側(cè)自適應(yīng)兩列布局,內(nèi)容如下,代碼可直接復(fù)制使用。希望對(duì)你有所幫助。
html代碼:
<div class="left">固定寬度區(qū)</div>
<div class="right">自適應(yīng)寬度區(qū)</div>
<div class="footer">底部區(qū)</div>
  css代碼:
/*第一種方法(浮動(dòng))*/
 .left {
 float: left;
 width: 100px;
 height: 400px;
 background-color: blue;
}

.right {
 margin-left: 100px;
 height: 200px;
 background: green;
}

.footer {
 clear: both;
 background-color: yellow;
}
/*第二種方法(相對(duì)布局)*/
.left {
 position: absolute;
 top: 0;
 left: 0;
 width: 100px;
 height: 150px;
 background-color: blue;
}

.right {
 margin-left: 100px;
 height: 150px;
 background-color: green;
}

.footer {
 background-color: yellow;
}
/*第三種方法(flex)*/
.left {
 float: left;
 width: 100px;
 height: 150px;
 background-color: blue;
}

.right {
 display: flex;
 flex: 1;
 height: 150px;
 background-color: green;
}

.footer {
 background-color: yellow;
}
  以上就是匯仁智杰分享的幾種方法,希望對(duì)您有所幫助,每天都會(huì)有內(nèi)容更新,請(qǐng)及時(shí)關(guān)注我們哦,如果說(shuō)您有什么不同的見(jiàn)解,請(qǐng)隨時(shí)聯(lián)系小編,我們一起探討學(xué)習(xí)。

網(wǎng)絡(luò)營(yíng)銷推廣 . 北京匯仁智杰科技有限公司!

地址:北京市昌平區(qū)回龍觀龍冠大廈5層
咨詢:13370157521
業(yè)務(wù)QQ:373002979
E - mail:sales @ huirenzhijie.com
企業(yè)網(wǎng)站備案:京ICP備15021091號(hào)-1

匯仁智杰與眾不同

  • 有網(wǎng)絡(luò)推廣經(jīng)驗(yàn)
  • 有網(wǎng)站建站隊(duì)伍
  • 有大型網(wǎng)站建設(shè)經(jīng)驗(yàn)
  • 致力于營(yíng)銷型網(wǎng)站建設(shè)
  • 始終堅(jiān)持技術(shù)和服務(wù)同樣重要
查看PC版網(wǎng)站
備案號(hào):京ICP備15021091號(hào)-1 版權(quán)所有:匯仁智杰

爆乳熟妇一区二区三区 | 狠狠做深爱婷婷久久综合一区 | 医院人妻闷声隔着帘子被中出 | 米奇影音777第四色 亚洲成人小说 | 久久精品国产精品 | 国产欧美亚洲三区久在线观看 | 东京热男人av天堂 | 无套内射极品少妇chinese | 亚洲成av人片不卡无码 | 亚洲熟女一区二区三区 | 18精品久久久无码午夜福利 | 亚洲国产成人精品女人久久久 | 乱码午夜-极国产极内射 | 丰满人妻熟妇乱又伦精品 | 1000部国产成人免费视频 | 国产精品久久无码不卡黑寡妇 | 天天摸天天做天天爽 | 日本肉体xxxx裸体137大胆 | 日韩精品无码视频一区二区蜜桃 | 国产成人久久av免费 | 99九九国产精品免费视频 | 69国产成人综合久久精品91 | 曰本无码人妻丰满熟妇5g影院 | 91成人爽a毛片一区二区 | 爽爽精品dvd蜜桃成熟时电影院 | 欧美成人aa久久狼窝五月丁香 | 亚洲日韩一页精品发布 | 综合 欧美 亚洲日本 | 国产麻豆剧传媒精品国产av | 国产国语特级一级aa毛片 | 久久婷婷五月综合97色 | 欧美黑人xxxx高潮猛交 | 66j8免费视频 | 久久久久久久久无码精品亚洲日韩 | 国产 在线 | 日韩 | 少妇无码av无码专区在线观看 | 国产欧美日韩视频 | 精品成在人线av无码免费看 | 成人免费看片又大又黄 | 精品高朝久久久久9999 | 亚洲日韩国产一区二区三区 |