Question

我有一个Div，其图像在单击事件时会更改其大小。 div应该会做出反应，并在必要时显示滚动条。

   <div id="DisplayGraph" runat="server">
   <asp:image runat="server" id="Graph" CssClass="Graph"/>
   </div>

CSS

#DisplayGraph {
height: 100%;
width: 100%;
transform-origin: left top;
position:fixed;
top: 37px;
left:0px;
overflow:auto;
}

.Graph {
vertical-align: top;
text-align:left;
}

仅显示垂直滚动条。如果我从CSS中删除了溢出标签，则垂直滚动条会消失-这证明CSS确实在工作。

那为什么不显示水平条呢？

Answer 1

#DisplayGraph的高度是父元素的100％，但是随后您将37px的顶部偏移量应用于固定元素，即相对于视口。因此该元素的最后37像素将被隐藏。

您只需要从容器的高度减去顶部偏移量即可。

final

尽管将溢出设置为自动，水平滚动条不会出现在DIV中

1 个答案: