Jquery 这张桌子是从分区出来的

我有一张桌子

这是代码

<div id="container" style="width: 100%; height: 700px;margin-top: 85px; white-space: nowrap;">
<div style="float: left;width: 80%; table-layout: fixed;">
    <table class="table" style="width: 80%;border-style: solid;border-color: #1d69b4;border-radius: 10px;border-collapse: separate">
        <tr>
            <th style="font-size: 18px; text-align: center;">
                <b>Hours</b><b style="padding-left: 30px;"> Monday</b>
            </th>
            <th style="font-size: 20px; text-align: center;">
                <b>Hours</b><b style="padding-left: 30px;"> Tuesday</b>
            </th>
            <th style="font-size: 20px; text-align: center;">
                <b>Hours</b><b style="padding-left: 30px;"> Wednesday</b>
            </th>
            <th style="font-size: 20px; text-align: center;">
                <b>Hours</b><b style="padding-left: 30px;">  Thursday</b>
            </th>
            <th style="font-size: 20px; text-align: center;">
                <b>Hours</b><b style="padding-left: 30px;">  Friday</b>
            </th>
            <th style="font-size: 20px; text-align: center;">
                <b>Hours</b><b style="padding-left: 30px;"> Saturday</b>
            </th>
            <th style="font-size: 20px; text-align: center;">
                <b>Hours</b><b style="padding-left: 30px;"> Sunday</b>
            </th>
         </tr>
        <tr>

          </tr>
    </table>
 </div>

星期一小时
星期二小时
星期三小时
星期四小时
星期五小时
星期六小时
周日小时

我的问题是桌子出了分区

我尝试使用

表格布局：固定但它似乎不起作用

我的错在哪里

感谢您的帮助。
表格单元格的内容正在推送表格的宽度，这就是为什么它不能遵守您设置的宽度。在本例中，通过使用th字体大小，您可以很容易地看到这一点：


#容器{
边框：1px纯红；
宽度：100%；
高度：700px；
利润上限：85px；
}
#货柜组{
边框：1px纯蓝色；
浮动：左；
宽度：80%；
}
桌子{
边框：3px实心#1d69b4；
边界半径：10px；
边界塌陷：分离；
显示：块；
}
th{
字体大小：12px；
文本对齐：居中；
边框：1px纯绿色；
}
.pad左{
左侧填充：30px；
}

星期一小时
星期二小时
星期三小时
星期四小时
星期五小时
星期六小时
周日小时
表格单元格的内容正在推动表格的宽度，这就是为什么它不能遵守您设置的宽度。在本例中，通过使用th字体大小，您可以很容易地看到这一点：


#容器{
边框：1px纯红；
宽度：100%；
高度：700px；
利润上限：85px；
}
#货柜组{
边框：1px纯蓝色；
浮动：左；
宽度：80%；
}
桌子{
边框：3px实心#1d69b4；
边界半径：10px；
边界塌陷：分离；
显示：块；
}
th{
字体大小：12px；
文本对齐：居中；
边框：1px纯绿色；
}
.pad左{
左侧填充：30px；
}

星期一小时
星期二小时
星期三小时
星期四小时
星期五小时
星期六小时
周日小时
这看起来像是简单的溢出。您可以删除
宽度：80%来自
div
和
表
或删除
空白：nowrap。问题是你的内容比宽度还宽。你想怎么处理？请在问题中指定所需的行为。这看起来像简单的溢出。您可以删除
宽度：80%来自
div
和
表
或删除
空白：nowrap。问题是你的内容比宽度还宽。你想怎么处理？请在您的问题中详细说明所需的行为。