如何删除填充/边距并使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>

这就是它的样子（我使用彩色边框向你展示两个div中的每一个是什么）：

现在，我的问题是：

我有没有办法让第二个红边div（span9）占据最右边的一列（没有任何边缘），所以最终结果如下：

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

Answer 1

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

保证金：0自动;将删除任何边距（div外部的空间）并将其置于容器中

如果^已经为真，则宽度= 50％; （如果你要两个并排）

希望有所帮助！