css - Div 位置 - css

标签 css html

我正在努力实现,使用 css,div 将表现得像图片上的示例: page example

有什么干净的方法可以做到这一点吗?我使用 javascript 计算“左”div 高度和“主”div 宽度和高度来实现此目的。但我不喜欢这个解决方案...有没有办法只使用 css 来做到这一点?

编辑: 页面不能有滚动条...所以页面的高度始终最大为 100%,不能再高...

谢谢

最佳答案

如果侧边栏(或任何其他 div)的高度为 100%,并且顶部有一个 30px 的标题,那么这会导致您的容器为 100% + 30px 的高度。

将来你将在 css3 中有 calc(): http://hacks.mozilla.org/2010/06/css3-calc/ 这将解决您的问题。

但是现在你可以添加overflow: hidden;htmlbody部分,但是我建议计算侧边栏的高度(容器高度 - 标题高度)使用 Javascript。

检查 fiddle here

关于css - Div 位置 - css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13054763/

相关文章:

css - 具有多列的表单,没有表格

css - 对表格单元格内的textarea产生溢出效果

javascript - jquery 和 id 选择器问题

javascript - 除了 Impact,还有哪些 JavaScript 游戏引擎?

javascript - 来自 Firefox 的错误 : MIME type (“text/plain” ) mismatch (X-Content-Type-Options: nosniff)

css - 使用 AlloyUI 在 <div> 中居中

jquery - 绝对位置问题

html - 是否可以仅使用 html/css 创建背景图像 slider

html - 从文档中清除格式

css - javafx:建立你自己的矩形