html - 如何去除 padding/margin 并让 div 占据所有空间？

Question

这个问题听起来有点……愚蠢。但我有点卡住了。

我正在使用 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 &raquo;</a></p>
                </div>
                <div class="row-fluid">
                    <!-- The content -->

                </div><!--/row-->
        </div>
    </div>
</div>

这就是它的样子(我使用彩色边框向您展示了 2 个 div 的位置):

现在，我的问题是:

有什么方法可以让第二个红色边框的 div (span9) 占据整个最右边的列(周围没有任何边距)，这样最终的结果看起来像:

• 左侧的控制面板(带有灰色背景的一整列)
• 右边最右边的div(占据所有剩余空间，背景为白色)

Answer 1

我对 Twitter Bootstrap 没有太多经验，但我假设答案是查看“row-fluid”类的 css 属性并检查边距和宽度。

margin :0 自动；将删除任何边距(div 外部周围的空间)并将其居中放置在容器中

如果^已经为真，width=50%； (如果你要将两者并排放置)

希望对您有所帮助!