亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

格柵布局怎樣讓整個body分為兩列,例如左側背景為灰色且高度充滿

格柵布局怎樣讓整個body分為兩列,例如左側背景為灰色

正在回答

2 回答


<div?class="container-fluid">???
??<div?class="row">
?????<div?class="col-xs-2">左邊列</div>???
?????<div?class="col-xs-10">右邊列</div>?
??</div>
</div>

左側背景為灰色且高度充滿,我使用的是在<div?class="col-xs-2">左邊列</div>中追加一個自己取的類left-nav,得到<div?class="col-xs-2 left-nav">左邊列</div>
,然后再寫樣式覆蓋。

.left-nav{
????height:?760px;
????background-color:?#ddd;
????padding:?0;
???}

高度給了一個固定值,不知道還有沒有別的辦法哦。

1 回復 有任何疑惑可以回復我~
<style>
????.left{width:200px;height:100%;float:left;background:gray;}
????.right{width:200px;height:500px;float:left;}
</style>
<div?class="left">左列</div>
<div?class="right>右列</div>


0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

格柵布局怎樣讓整個body分為兩列,例如左側背景為灰色且高度充滿

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號