html+css布局问题
一个宽度不确定的DIV里面放三个水平对齐的DIV，左右两个DIV宽度固定为150px，中间那个DIV充满剩余的宽度请问这个用html+css怎么做？...
一个宽度不确定的DIV里面放三个水平对齐的DIV，左右两个DIV宽度固定为150px，中间那个DIV充满剩余的宽度
请问这个用html+css怎么做？ 展开
请问这个用html+css怎么做？ 展开
展开全部
<body>
<div style=" float:left; width:100%;height:200px; background:#333;">
<div style="float:left; width:150px; height:200px; background:red;"></div>
<div style="float:right; width:150px; height:200px; background:blue;"></div>
<div style="margin:0 150px; height:200px; background:green;"></div>
</div>
</body>
你直接打开浏览器看吧，自动拉伸浏览器，宽度可自动伸缩
<div style=" float:left; width:100%;height:200px; background:#333;">
<div style="float:left; width:150px; height:200px; background:red;"></div>
<div style="float:right; width:150px; height:200px; background:blue;"></div>
<div style="margin:0 150px; height:200px; background:green;"></div>
</div>
</body>
你直接打开浏览器看吧，自动拉伸浏览器，宽度可自动伸缩
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style type="text/css">
.aa{
float:left;
border:1px #000000 dotted;
width:150px;
}
.ab{
float:left;
border:1px #000 dotted;
width:auto;
}
.ac{
float:right;
border:1px #000 dotted;
width:150px;
}
</style>
<body>
<div>
<div class="aa">1</div>
<div class="ab">2</div>
<div class="ac">3</div>
</div>
.aa{
float:left;
border:1px #000000 dotted;
width:150px;
}
.ab{
float:left;
border:1px #000 dotted;
width:auto;
}
.ac{
float:right;
border:1px #000 dotted;
width:150px;
}
</style>
<body>
<div>
<div class="aa">1</div>
<div class="ab">2</div>
<div class="ac">3</div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
没实践出来
原因是 div 是个霸道的标签 单独一行 如果不定义 它就把右边的div给挤下去了
如果给 浮动 他就 根据div里面的内容大小来改变宽度
如果给中间宽度了 就不能实现 最外面的div 的大小来填充
如果就想用这样的效果 个人感觉 表格 比较容易实现
如果你有这个答案 麻烦 也告诉我一声
原因是 div 是个霸道的标签 单独一行 如果不定义 它就把右边的div给挤下去了
如果给 浮动 他就 根据div里面的内容大小来改变宽度
如果给中间宽度了 就不能实现 最外面的div 的大小来填充
如果就想用这样的效果 个人感觉 表格 比较容易实现
如果你有这个答案 麻烦 也告诉我一声
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
三个div 都要定义style=“float：left；" 中间充满那个的可以也定义一个宽度啊 这三个div再用一个大的div包括住 定义一个大的固定宽度 关于css百度上面很多的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
中间的元素无法自适应...
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
