前端之家收集整理的这篇文章主要介绍了
如何使用CSS将div扩展到页面的宽度？ ，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
@H_
502_1@我有一个包含几个div的
页面,有点像这样：
@H_
502_1@
<div id="div_one">blah blah blah</div>
<div id="div_two">blah blah blah</div>
@H_
502_1@我希望它们水平居中,一个接一个,第二个扩展到
页面宽度.
最佳答案
.first_one
{
margin-left: auto;
margin-right: auto;
text-align: center;
}
.second_one
{
width: 100%;
}
@H_
502_1@然后您认为,对于第一个,您会做
@H_
502_1@
<div class = "first_one">
...
</div>
@H_
502_1@第二,你会做
@H_
502_1@
<div class = "first_one second_one">
...
</div>
