自动扩大边距以填充容器?
我有以下 HTML 布局:
div
|-- h3
|-- ul
|-- li
|-- ...
|-- li
div
的高度是固定的。我希望 li 能够填充 div 的整个高度。要手动执行此操作,我可以调整 margin-bottom
但这是针对动态内容的,因此这是不可能的。
有什么想法吗?
谢谢!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我能想到的唯一方法是使用CSS3盒子布局模型(flexbox),它并没有很好的支持。
可以找到一个非常好的教程 这里以及在旧版浏览器中实现的 js 解决方案可以在这里找到a> (我自己还没有测试过,在上面博客文章的评论中找到了它。
编辑 - 另一个教程 此处
The only way I can think of is using the CSS3 box layout model (flexbox), which doesn't exactly have very good support.
A pretty good tutorial can be found here and a js solution to implement in older browsers can be found here (haven't tested it myself yet, found it in the comments for the blog post above.
Edit - another tutorial here