我正在尝试在这个经典的asp意粉代码页面中修复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>