为了账号安全,请及时绑定邮箱和手机立即绑定

布局中能做到左右两列自适应,中间固定宽吗?

布局中能做到左右两列自适应,中间固定宽吗?

花生杀手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>

你看看我的代码,运用绝对定位来实现。

看懂,请采纳!

查看完整回答
反对 回复 2016-05-21
  • 花生杀手3380277
    花生杀手3380277
    左右两列不是固定宽吗?
  • 晴书文文
    晴书文文
    哦哦,我明白了,你意思是左右两列自适应屏幕变化的大小对吧,那就改一下宽度咯,用百分比来定义
  • 2 回答
  • 0 关注
  • 1141 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信