Html 将div width扩展到同级表的宽度，同级表有很多行并导致垂直滚动_Html_Css

Html 将div width扩展到同级表的宽度，同级表有很多行并导致垂直滚动

html css

Html 将div width扩展到同级表的宽度，同级表有很多行并导致垂直滚动,html,css,Html,Css,我有一个表，它有很多列，因此会导致垂直滚动。如何使表的div同级扩展到该表的全宽 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <body> <div style='background: green'> foobarbaz </div> <table> <

我有一个表，它有很多列，因此会导致垂直滚动。如何使表的div同级扩展到该表的全宽

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <body> <div style='background: green'> foobarbaz </div> <table> <tr> <td style='background: red'>foobarbazfoobarbazfoobarbazfoobarbaz</td> <td style='background: red'>foobarbazfoobarbazfoobarbazfoobarbaz</td> <td style='background: red'>foobarbazfoobarbazfoobarbazfoobarbaz</td> <td style='background: red'>foobarbazfoobarbazfoobarbazfoobarbaz</td> <td style='background: red'>foobarbazfoobarbazfoobarbazfoobarbaz</td> <td style='background: red'>foobarbazfoobarbazfoobarbazfoobarbaz</td> <td style='background: red'>foobarbazfoobarbazfoobarbazfoobarbaz</td> <td style='background: red'>foobarbazfoobarbazfoobarbazfoobarbaz</td> <td style='background: red'>foobarbazfoobarbazfoobarbazfoobarbaz</td> </tr> </table> </body> </html> 正如您在这里看到的，div宽度仅等于主体的宽度。我需要div宽度与溢出表的宽度匹配

谢谢

css：将ID添加到div和表中，然后执行以下操作：

var w = setInterval(function() {
   var $div = document.getElementById("divID").style.width;
   document.getElementById("tableID").style.width = $div;
},1);

css: 将ID添加到div和表中，然后执行以下操作：

var w = setInterval(function() {
   var $div = document.getElementById("divID").style.width;
   document.getElementById("tableID").style.width = $div;
},1);

您可以在另一个div中包装div和table，并为该div指定float:left或display:inline块：

您的原始代码：固定浮动：左：使用display:inline block进行修复：

您可以将div和表包装到另一个div中，并为该div指定float:left或display:inline block：

您的原始代码：固定浮动：左：

固定显示：内联块：

你的意思是说列而不是行，水平而不是垂直吗？是的，谢谢，列不是行。UpdatedHorizontal是从左到右，vertical是从上到下。你的意思是说列而不是行，水平而不是垂直吗？是的，谢谢，列不是行。更新水平是从左到右，垂直是从上到下。