Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 带有容器溢出的表浮动：隐藏_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 带有容器溢出的表浮动：隐藏

Html 带有容器溢出的表浮动：隐藏

html css

Html 带有容器溢出的表浮动：隐藏,html,css,Html,Css,我想在同一行中显示两张桌子。然后我使用float:left 如果这些表的宽度大于我使用的容器overflow:hidden以隐藏剩余 溢出隐藏工作完美，但表不停留在同一行 我怎样才能解决这个问题。我希望表保持在同一行。添加一个容器div来包装这两个表。然后把它的宽度调大到足以把两张桌子排成一行。容器的溢出部分不会显示为父级div已指定溢出：隐藏 参见更新的示例，给出父元素的位置：相对，给出位置：绝对；排名：0；左：100px到第二个子元素（从第二个子元素中删除float属性） 或其他 为父元

我想在同一行中显示两张桌子。然后我使用
float:left

如果这些表的宽度大于我使用的容器
overflow:hidden以隐藏剩余

溢出隐藏工作完美，但表不停留在同一行




我怎样才能解决这个问题。我希望表保持在同一行。
添加一个容器
div
来包装这两个表。然后把它的
宽度
调大到足以把两张桌子排成一行。容器的溢出部分不会显示为父级
div
已指定
溢出：隐藏


参见更新的示例，给出父元素的
位置：相对
，给出
位置：绝对；排名：0；左：100px到第二个子元素（从第二个子元素中删除
float
属性）



或其他

为父元素提供
空白：nowrap
，并为子元素提供
显示：内联块
，而不是
浮动：左

仅适用于最新版本的浏览器


div style=“宽度：300px；溢出：隐藏；”>
第一桌
第二桌





div style="width: 300px; overflow: hidden; ">
<table cellspacing="0" cellpadding="0" style="float: left;  background-color:red;">
    <tr>
        <td>First Table</td>
    </tr>
</table>
<table cellspacing="0" cellpadding="0" style="float: left; background-color:yellow;">
    <tr>
        <td>Second Table</td>
    </tr>
</table>