我正在尝试修复这个经典的 asp spaghetti 代码页中的 CSS。问题是这个特定的 div 容器有一个垂直滚动条。现在我的理解是,除非您设置高度,否则 div 标签将展开以包含所有内容并且不会显示滚动条。当我查看 chrome f12 工具中的 div 标签时,我既没有看到在 CSS 中设置了高度,也没有看到它被设置为内联样式。
有什么工具或任何东西我可以用来查看这个高度(如果有的话)的设置位置。
我没有粘贴代码,因为呈现的 HTML 可能超过几页。
更新:我设法去掉了所有不必要的部分并缩小到问题代码。
我想知道的是为什么节点
<div class="tabData" id="tab3data" style="visibility: visible;">
不扩展以适应内容。它的高度在哪里受到限制?
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.tabData
{
width: 100%;
background-color: Yellow;
overflow: auto;
}
</style>
</head>
<body>
<div class="tabData">
<div style="height: 390px; background-color: Green;">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
Hello
</div>
</body>
</html>