0

我的网页上有以下两列布局设置：

<div id="column1-wrap">
    <div id="column1">Column one content</div>
</div>
<div id="column2">
    Column two content
</div>
    <div id="clear"></div>

它由以下 CSS 提供支持：

#column1-wrap {
    float: left;
    width: 1000px;}
#column1 {
    margin-right: 600px;}
#column2 {
    float: left;
    width: 600px;
    margin-left: -600px;}

我怎样才能把它放在我的网页上？

4

3 回答 3

3

你可能会这样做： html

<div class="container">
   <div id="column1-wrap">
     <div id="column1">Column one content</div>
   </div>
   <div id="column2">
      Column two content
   </div>
</div><!--container-->

CSS

.container{
    border:1px solid blue;
    margin:0px auto;
    }
于 2013-06-07T11:11:50.187 回答
2

嗨 Div 有一个属性 align 以使内容居中

<div align:center>
</div>

或将样式设置为margin:0px auto;

于 2013-06-07T11:05:43.063 回答
2

尝试添加

margin: 0 auto;

#column1-wrap 在 css 中

于 2013-06-07T11:04:46.060 回答