日韩精品一区二区三区视频-日韩精品一区二区三区在线观看-日韩精品一区二区三区在线观看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)所有:匯仁智杰

国产免费人视频在线观看免费 | 中文在线8资源库 | 国产综合久久久久久鬼色 | 日韩av无码久久一区二区 | 内射精品无码中文字幕 | 大地资源网更新免费播放视频 | 国产青榴视频在线观看 | 蜜臀久久99精品久久久久久 | 亚洲av无码第一区二区三区 | 一本大道无码人妻精品专区 | 亚洲男人的天堂网站 | 国产婷婷色一区二区三区 | 性裸交a片一区二区三区 | 国产又a又黄又潮娇喘视频 亚洲乱码精品久久久久.. | 在线精品国产一区二区三区 | 大肉大捧一进一出好爽视频动漫 | 狠狠噜天天噜日日噜视频麻豆 | 亚洲成熟丰满熟妇高潮xxxxx | 美女内射毛片在线看3d | 中国娇小与黑人巨大交 | 国产一区二区三区福利 | 国产乱人视频在线观看播放器 | 色噜噜av亚洲色一区二区 | 日本在线看片免费人成视频1000 | 黄色在线免费观看网址 | 人人妻人人做人人爽 | 国产麻花豆剧传媒精品mv在线 | 亚洲精品456在线播放 | 国产精品免费久久久久影院 | 国产免费一级精品视频 | 国产白嫩护士被弄高潮 | 国产精品_国产精品_k频道 | 色偷偷av一区二区三区 | 日本最大色倩网站www | 国产在线观看免费视频软件 | 麻豆av一区二区三区久久 | 丰满熟妇乱又伦精品 | 国产中年熟女高潮大集合 | 国产日韩免费视频 | 国产精品99久久久久久人 | 无码孕妇孕交在线观看 |