0

我使用引导程序来设计我的网站。但是,它并不像我想的那样完美。

下面是我的代码:

<div class="container">
    <div class="box"></div>
    <div class="row">
        <div class="span6">
            <div class="box"></div>
        </div>
        <div class="span6">
            <div class="box"></div>
        </div>
    </div>
</div>

CSS:

.box {
    margin: 5px;
    padding: 5px;
    font-size: 11px;
    line-height: 1.4em;
    float: left;
    box-shadow: 1px 1px 1px #444;
    width: 100%;
    background: white;

}

如下图所示,最右边的间隙比最左边的间隙宽。有人有想法吗?

在此处输入图像描述

4

1 回答 1

0

尝试删除

<div class="box"></div>

在打开容器之后。下面的代码:

  <div class="container">
      <div class="row">
       <div class="span6">
          <div class="box"></div>
       </div>
     <div class="span6">
        <div class="box"></div>
      </div>
     </div>
  </div>

如果这不起作用,请发布 css for box 或提供一个 URL,以便我可以检查 css 计算样式

于 2013-10-21T15:08:58.063 回答