如何使用CSS将div扩展到页面的宽度？

我有一个包含几个div的页面,有点像这样：

<div id="div_one">blah blah blah</div>
<div id="div_two">blah blah blah</div>

我希望它们水平居中,一个接一个,第二个扩展到页面宽度.

最佳答案

.first_one
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.second_one
{
  width: 100%;
}

然后您认为,对于第一个,您会做

<div class = "first_one">
...
</div>

第二,你会做

<div class = "first_one second_one">
...
</div>