gpt4 book ai didi

html - 仅在具有粘性页脚布局的全高容器的内容上添加边框

转载 作者:行者123 更新时间:2023-11-28 11:18:15 25 4
gpt4 key购买 nike

大家好,这已经困扰我好几个小时了。

我使用布局来获得全高容器和粘性页脚。不幸的是,我只想要内容中的边框,但它没有延伸到页脚。我可以尝试为 wrap div 设置边框,但我不希望页眉有边框。我唯一能想到的就是给 header 背景的边框颜色,但我不想这样做。

还有其他方法吗?

http://jsfiddle.net/VNc33/14/

    <body>
<div class="wrap">
<header>
<img src="http://placedog.com/400/50" />
</header>
<div class="content">i dont want the header tag to have a border
</div>
<footer>This is a footer.</footer>
</div>
</body>

Image

最佳答案

您可以在 .wrap 上使用 inset unblur box shadow,因此它不会影响您的布局:http://jsfiddle.net/VNc33/5/

.wrap {
margin:0 auto;
position:relative;
width:400px;
min-height:100%;
background:lightblue;
box-shadow:inset 0 0 0 1px;/* here fake an inside border of 1 pixel with text color if none declared */
}

header { background:lightblue;/* background 隐藏父级的 inset box-shadow */> http://jsfiddle.net/VNc33/8/你可以从 .content 中删除边框,除了最上面的一个:http://jsfiddle.net/VNc33/9/ .

关于html - 仅在具有粘性页脚布局的全高容器的内容上添加边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21658352/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com