Question

这可能是一个非常简单的HTML / CSS问题，但我似乎无法弄明白。

我制作了一个ASP.NET MVC 5程序，我正在尝试制作一个可视化显示类型的屏幕，我已经将一个raphael图像放入一个带有三个滚动列表的表中，但我似乎无法让表运行在屏幕右侧的边缘。我猜这与boostrap css有关，但我似乎无法弄明白。

我已经尝试更改容器填充和边距以及表格宽度，但我似乎无法获得正确的三列扩展到足以使列表中的文本不被强制换行。我可以改变左边距并将所有内容移到左边，但我无法让桌子向右延伸。

我对HTML或CSS不是很有经验，所以任何输入都非常感激！希望是它的东西

表格代码：

    <table style="width: 100%" align="Left" border="1">
<tr>
    <td rowspan="3"><div id="canvas_container"></div></td>
    <td>
        <header>List 1</header>
        <nav>
            <ul>
                <li>item 1</li>
            </ul>
        </nav>
    </td>

</tr>
<tr>
    <td>
        <header>List 2</header>
        <nav>
            <ul>
                <li>item 15</li>
            </ul>
        </nav>
    </td>
</tr>
<tr>
    <td>
        <header>List 3</header>
        <nav>
            <ul>
                <li>item 21</li>
            </ul>
        </nav>
    </td>
</tr>

canvas_container div标签是我的raphael对象。

我也试过更改.body-content填充和边距，我无法弄清楚我需要做什么。

我没有足够的声望点来发布图片，我很抱歉我无法准确显示我在说什么

Answer 1

尝试将周围的<div class="container body-content">代码更改为<div class="container-fluid body-content">

压倒asp.net mvc 5的身体边缘

1 个答案: