CSS 边框高度为 100%

发布于 2024-12-04 08:29:10 字数 253 浏览 4 评论 0原文

我已经使用以下代码几个小时了,只是无法将容器内的黄色列边框延伸到容器的 100% 高度。

我通常会在在这里发布之前缩短我的代码,但由于左右图像窗格是一个因素,我保持一切原样。

我的 jsFiddle - http://jsfiddle.net/anvio/KErVs/2/

任何人都有关于我应该尝试什么的想法?谢谢。

I have been playing with the following code for a few hours now and just have not been able to get the yellow column borders within my container to extend to 100% height of the container.

I usually shorten my code before posting here but due to the left and right image panes being a factor I kept everything the way it was.

My jsFiddle - http://jsfiddle.net/anvio/KErVs/2/

Anyone have any ideas on what I should try? Thanks.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

仙气飘飘 2024-12-11 08:29:10

我认为这可能就是您想要的:

如果您将 height 添加到 module-inner-container

<div class="module-inner-container" style="height:38px;">

并从 min-height 中删除 min-height code>.module-container .body .content

.module-container .body .content{
    min-height:100px;   //REMOVE THIS
    background-repeat: repeat;
    background:url("//image") repeat;
    position:relative;
}

边框延伸到底部。

示例: http://jsfiddle.net/jasongennaro/KErVs/4/< /a>

I think this might be what you want:

If you add a height to module-inner-container

<div class="module-inner-container" style="height:38px;">

and you remove the min-height from .module-container .body .content

.module-container .body .content{
    min-height:100px;   //REMOVE THIS
    background-repeat: repeat;
    background:url("//image") repeat;
    position:relative;
}

The borders stretch to the bottom.

Example: http://jsfiddle.net/jasongennaro/KErVs/4/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文