html - DIV 未正确拉伸(stretch)?

标签 html css stretching

所以,我在一个粉丝网站上工作,但我不明白为什么我的“内容”类 div 不会拉伸(stretch)。它应该是 100% 最小高度,但它并没有这样做。此外,我无法将其延伸到位于其内部的“column2”div。抱歉,如果这是一个简单的修复,我对此很陌生。我不知道从哪里开始发布代码供你们引用,所以如果你想,就去here并查看页面源。

最佳答案

实际上,它确实延伸到底部 --- html 元素的底部。问题是您的右列是 position: absolute。每当您将元素设置为绝对定位时,它就会从正常流中分离出来,因此它的容器不会拉伸(stretch)以包含它(这是下拉菜单等所需的效果)。

相反,您应该使用右列的 float: right 属性,然后在底部添加一个空的 div,即 clear: both,以确保div 正确拉伸(stretch)。

关于html - DIV 未正确拉伸(stretch)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11479426/

相关文章:

html拉伸(stretch)div

ios - 如何在ios上制作拉伸(stretch)圆圈效果

javascript - CSS设置鼠标悬停时下拉列表的背景颜色

java - 如何实现html电子邮件表单?

javascript - 选择决定打开哪个表单操作

css - 哪种可打印元素比线性渐变更好用?

javascript - littleBoxes JQuery 代码中的链接

html - 如何防止输入字段在小型设备上超出父级的宽度?

javascript - 表格列未换行文本

html - 垂直居中 Bootstrap 轮播文本,奇怪的问题