布局中能做到左右兩列自適應，中間固定寬嗎？
花生殺手3380277
2016-05-20 22:25:12
2 回答
晴書文文
TA貢獻64條經驗 獲得超75個贊
可以??！
來舉個例子：
<!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>你看看我的代碼，運用絕對定位來實現。
看懂，請采納！
-
花生殺手3380277左右兩列不是固定寬嗎？ -
晴書文文哦哦，我明白了，你意思是左右兩列自適應屏幕變化的大小對吧，那就改一下寬度咯，用百分比來定義
- 2 回答
- 0 關注
- 1185 瀏覽
添加回答
舉報
0/150
提交
取消