1

我有以下 div:

<div style="background:red;width:100%;height:100%">Red</div>

当我将它粘贴到没有容器 div 的页面中时,我可以看到它。但是当我把它塞进一个容器里

<div class="container">
    <div style="background:red;width:100%;height:100%">Red</div>
</div>

我根本看不到那个div。当我把它粘到一个附加的:

<div class="row">
  <div class="span3">
        <div style="background:red;width:100%;height:100%">Red</div>
  </div>
</div>

我可以看到它,但是周围有很多填充和大量间距。如何创建一个没有任何边距/填充等等于 0 的容器 div?

4

1 回答 1

0

实际上,如果您使用的是 Bootstrap 网格系统,则会添加一些边距和填充以保持列和页面边界之间的间距。所以直接回答你的问题是:不,你不能。

但是,您可以简单地拥有一个不包含在具有 .container 类的 div 中的 div - 那么您的 div 将没有任何从网格系统派生的边距和填充。

<div class="container">
   <div class="row">
     <div class="col-md-8">8-units column</div>
   </div>
</div>
<div style="width: 100%; background: red;">Your div to be expanded to full page's width</div>
<div class="container">
  <div class="row">
    Another div within grid system
  </div>
</div>
于 2013-11-09T22:01:01.587 回答