html - 如何使用 overflow-x 在图例中创建表格

Question

谁能告诉我如何在图例中创建一个表格，如果它比它所在的 div 大，它会创建一个滚动条。

<div style="width:700px;">
<h1>wefwfwfwef</h1>
<fieldset>
    <div style="width:700px;">
    <label>sdfsdfsdj dfsdfsdfsdj sdfsdfsdfsdfsdj sdfsdfsdfsdfsdj sdfsdf</label>
    <table style="background-color:white;color:black;"> <!-- This table should only be 700 px width... without width definition (because its display:block)-->
        <tr>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
        </tr>
    </table>
    </div>
</fieldset>
<div style="width: 100%;background-color:black;overflow-x:auto;">
    <table style="background-color:white;color:black;display:block"> 
        <tr>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
            <td>ehehef<td>
        </tr>
    </table>
<div>
</div>

Answer 1

是这样的吗？ http://jsbin.com/ubomo4

如果是，只需在 fieldset 下的 div 的 css 属性中添加 overflow-x:scroll;。