我正在努力实现,使用 css,div 将表现得像图片上的示例:
有什么干净的方法可以做到这一点吗?我使用 javascript 计算“左”div 高度和“主”div 宽度和高度来实现此目的。但我不喜欢这个解决方案...有没有办法只使用 css 来做到这一点?
编辑: 页面不能有滚动条...所以页面的高度始终最大为 100%,不能再高...
谢谢
最佳答案
如果侧边栏(或任何其他 div)的高度为 100%,并且顶部有一个 30px 的标题,那么这会导致您的容器为 100% + 30px 的高度。
将来你将在 css3 中有 calc(): http://hacks.mozilla.org/2010/06/css3-calc/ 这将解决您的问题。
但是现在你可以添加overflow: hidden;
到html
和body
部分,但是我建议计算侧边栏的高度(容器高度 - 标题高度)使用 Javascript。
检查 fiddle here
关于css - Div 位置 - css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13054763/