元素上的自动高度,仅具有相对定位的子元素
Auto height on element with only relatively positioned children
正如你在这里看到的,你需要对#wrapper
应用静态高度,否则div将不包含其子级。(这是小提琴)这是非常合乎逻辑的。但是,我希望我可以给 #wrapper 一个自动高度,通过它可以包含多行相对定位的元素。
我想我可以在各个项目周围添加一个其他包装器并静态放置它们?但我宁愿不添加更多的 HTML。如果需要,可以使用JS/jQuery解决方案。
有一个
浮点是你的孩子的DIV,所以你必须清除它parent
并从中删除高度。 这样写:
#wrapper {
background-color: white;
min-height: 360px;
margin: 50px auto;
overflow: hidden;
padding: 10px;
width: 1008px;
}
检查此 http://jsfiddle.net/y5nYN/16/
相关文章:
- Javascript元素相对于屏幕的位置
- 正在获取单击的元素相对于整个文档的索引
- 获取元素相对于父容器的位置/偏移量
- 获取元素相对于视口顶部的位置
- 获取元素相对于屏幕的位置.(或替代解决方案)
- 对数组进行排序并返回一个指示符数组,该数组指示已排序的元素相对于原始元素(new)的位置
- 查找元素相对于特定父级的索引
- 在滚动时获取元素相对于文档的动态位置
- SVG:获取元素相对于页面的位置
- 查找特定类型的元素相对于整个页面的索引
- 使用javascript查找元素相对于最近相对定位的父元素的位置
- 检索内联元素相对于父元素的位置和维度's的文本行
- 获取元素相对于其父元素的相对位置
- 如何获取dom元素相对于其父元素的字符偏移量
- 查找DOM元素相对于窗口的位置
- 获取元素相对于页面的坐标
- 获取可拖动元素相对于元素内部的位置
- 克隆元素# 39;与表单中所有元素相对应的事件
- 如何找到可拖放元素相对于可拖放区域的位置?
- 数组元素相对于字典排序的秩