html - 无背景的等高列

标签 html css xhtml layout

这是一个示例代码 http://paste.ideaslabs.com/show/kmGATPRovx .如何使第二个 block 看起来像第一个在 .front-content block 中包含更多内容的 block ?最大的问题是.front-description 的底部边框的位置。

最佳答案

可以找到我对“解决方案”的建议 here .它不优雅,但在浏览器中(IE/FF 快速测试)它看起来像我认为你正在寻找的东西。我所做的是添加一个新的 div.front-wrapper,它具有所需的 border-bottom 和 25% 的宽度以及负边距顶部。我从 div.front-description 中删除了 border-bottom。然后我在“包装”-div 关闭后放置了一个带有类前包装器的空 div。

当然,前端包装器现在有一个误导性的类名,因为它没有包装任何东西,但这就是我开始使用它的目的,但无法让它按预期工作。所以请重命名它。

关于html - 无背景的等高列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3510330/

相关文章:

php - 从 echo php 调整图像大小

html - 从右边缘开始的 CSS 背景图 block

javascript - 我可以从哪个动画中选择一个特定的百分比来继续吗?

html - 将文本定位在单元格内

html - Bootstrap 中菜单项的圆 Angular 边缘

javascript - 完全加载时显示图像?

html - 当浏览器小于最小宽度时,div 不会居中

HTML CSS 覆盖滚动问题

html - 如何覆盖文本对齐

css - W3C 无效的 HTML 和 CSS 代码是否对 SEO 有害并给屏幕阅读器用户带来问题?