布局中能做到左右兩列自適應(yīng)，中間固定寬嗎？
花生殺手3380277
2016-05-20 22:25:12
2 回答
晴書文文
TA貢獻(xiàn)64條經(jīng)驗(yàn) 獲得超75個(gè)贊
可以?。?/p>
來(lái)舉個(gè)例子：
<!doctype?html>
<head>
<title></title>
<style>
body{
margin:0;
padding:0;
}
#content{width:960px;
height:1000px;
margin:0?auto;
position:relative;
background:red;
}
.box1{
width:300px;
height:800px;
background:green;
float:left;
}
.box2{
width:300px;
height:800px;
background:gray;
position:absolute;
left:330px;
right:330px;
}
.box3{
width:300px;
height:800px;
background:blue;
float:right;
}
</style>
</head>
<body>
<div?id="content">
??<div?class="box1"></div>
??<div?class="box2"></div>
??<div?class="box3"></div>
</div>
</body>你看看我的代碼，運(yùn)用絕對(duì)定位來(lái)實(shí)現(xiàn)。
看懂，請(qǐng)采納！
-
花生殺手3380277左右兩列不是固定寬嗎？ -
晴書文文哦哦，我明白了，你意思是左右兩列自適應(yīng)屏幕變化的大小對(duì)吧，那就改一下寬度咯，用百分比來(lái)定義
- 2 回答
- 0 關(guān)注
- 1191 瀏覽
添加回答
舉報(bào)
0/150
提交
取消