gpt4 book ai didi

css - 我的外部 div 背景不适用于我的内部 div

转载 作者:太空宇宙 更新时间:2023-11-04 13:11:28 26 4
gpt4 key购买 nike

我在一个 div 中嵌套了两个 div。我在外部 div 中设置了我的背景,但它仅适用于第一个内部 div。我可以通过设置外部 div 的高度来解决这个问题,但是每次修改内部 div 的高度时我都必须更改高度。我的代码如下。任何帮助将不胜感激。

</head>
<style>
.redgradient{
background: linear-gradient(#f75d5d,#ed7878 );
}
#intro{
float: left;
padding-left: 20px;
width: 400px;
}
</style>

<body>
<div class="container ">
<div class="redgradient">
<div >
<h1>Kendall Ponder's Wonderful Life</h1><p />
</div>
<div id="intro">
Here is some text.
</div>
</div>
</body>
</html>

最佳答案

只需将 overflow: hidden; 添加到包装器 div

.redgradient{
background: linear-gradient(#f75d5d,#ed7878 );
overflow: hidden;
}

检查这个Demo

如果您从 #intro 中删除 float 那么它也可以工作。无需添加“溢出:隐藏;”。

如果您想使用 float 元素,请确保正确地清除它们。

关于css - 我的外部 div 背景不适用于我的内部 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24660792/

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