这个问题听起来有点……愚蠢。但我有点卡住了。
我正在使用 Twitter Bootstrap。我的测试代码是:
<div class="container-fluid">
<div class="row-fluid">
<div class="span3" style="background:#eee; border:1px solid blue;">
<ul class="nav nav-list">
<!-- List contents -->
</ul>
</div><!--/span-->
<div class="span9" style='background:#fff; padding-left:10px; border:1px solid red'>
<div class="hero-unit">
<h1>Hello, world!</h1>
<p>This is a template for a simple marketing or informational website...</p>
<p><a class="btn btn-primary btn-large">Learn more »</a></p>
</div>
<div class="row-fluid">
<!-- The content -->
</div><!--/row-->
</div>
</div>
</div>
这就是它的样子(我使用彩色边框向您展示了 2 个 div 的位置):
现在,我的问题是:
有什么方法可以让第二个红色边框的 div (span9
) 占据整个最右边的列(周围没有任何边距),这样最终的结果看起来像:
- 左侧的控制面板(带有灰色背景的一整列)
- 右边最右边的div(占据所有剩余空间,背景为白色)
最佳答案
我对 Twitter Bootstrap 没有太多经验,但我假设答案是查看“row-fluid”类的 css 属性并检查边距和宽度。
margin :0 自动;将删除任何边距(div 外部周围的空间)并将其居中放置在容器中
如果^已经为真,width=50%; (如果你要将两者并排放置)
希望对您有所帮助!
关于html - 如何去除 padding/margin 并让 div 占据所有空间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11382520/