作者qazsd (知足常乐)
看板Web_Design
标题[问题] 内容超出一定长度则显示卷轴
时间Wed Dec 9 00:40:15 2015
页面架构大致上是
<div class="box">
<table></table>
<button></button>
</div>
目前预计使用者从资料库捞回资料要以表格形式呈现
因为资料列长度不一,当资料列快超出浏览器页面时,可以显示卷轴,
让使用者不必卷动浏览器整个页面
目前做法如下:
.box {
height: 500px;
overflow-x: hidden;
overflow-y: auto;
}
但是当资料列仅有一列时,该按钮还是会在距离div.box 500px的地方呈现
想要让该按钮紧接在div.box後面,若div.box超出500px时,可以出现卷轴
有什麽好方法吗?
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 180.177.15.241
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1449592819.A.4C9.html
1F:→ Kenqr: max-height? 12/09 00:42
2F:→ qazsd: Yes, 就是"max-height",感谢K大!! 12/09 01:36