HTML/CSS - 跨多列的 Inner-Div 100% 高度?

标签 html css xhtml

我已经查看了许多其他问题,但我认为我的问题有点不同,如果我错了,我很乐意看到链接并关闭此问题。

你可以在这里看到我的问题: http://www.phoenixdev.net/test.html

第一个子部分的右边框不会一直向下——我需要它,否则它看起来相当时髦。

我可以在 jQuery 中做到这一点,但我现在正在寻找纯 HTML/CSS 解决方案。

这可能吗?如果是这样,怎么办?


编辑

假列不起作用,因为它需要背景图像。列数可以更改 1-5,因此边框必须反射(reflect)这一点。在 CSS 中可以轻松完成,但对于背景图像则不然。

最佳答案

这实际上是一个古老的问题,也许不是在 SO 上,而是在 CSS 中。有几种方法可以做到这一点。一种是使用背景图像 - 这会很困难,因为你有一个流畅的布局 - 如果你修复列的宽度,你遇到的问题就会起作用,或者你可以使用此中的百分比发送图像的位置案例33%。

您可以将两个 div 包裹在其他列周围,以便较短的列占据其他两列的高度 - 这是相当复杂的。

三 - 不要担心它的功能。问题在于,如果您突然对一列进行排序,“客户”突然决定他们想要在其他列之一中减少内容,那么您也会在那里遇到问题。

关于HTML/CSS - 跨多列的 Inner-Div 100% 高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3091018/

相关文章:

javascript - 我正在进行 JavaScript 验证,但当我输入姓氏时它无法正常工作,它不会显示错误并提交表单

javascript - 如何改变innerHTML内容如(input field names,ids,onclick)属性

css - 两个div并排-一个在最左边,另一个在中间

javascript - 如何在执行 JavaScript 时自动更改 div 的 CSS 最小高度值?

java - 如何使用<h :commandButton action ="#{method here}"/>?

html - CSS3 - 以绝对位置悬停时水平显示 div h3 元素

html - 将 HTML 表单数据发布到 Google 电子表格

html - 有奇怪的 CSS 问题

html - 使用CSS对象适合:contain on image leaves blank spaces around it

html - 为什么 CDATA 部分中的 IFRAME 会破坏解析器?