如何找到CSS高度的来源?

时间:2013-04-10 15:11:02

标签: html css

我正在尝试在这个经典的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>

0 个答案:

没有答案