如果你希望内部盒子不占满上级盒子的90%,而是占上上级盒子的百分之百,可以使用相对定位(position: relative)和绝对定位(position: absolute)结合的方法。以下是一个示例代码:
.momeny-down {
width: 90%;
height: 50px;
line-height: 50px;
background: red;
}
.momeny-down ul {
list-style: none;
display: flex;
justify-content: space-between;
margin: 0 auto;
position: relative; /* 相对定位 */
}
.momeny-down ul li {
position: absolute; /* 绝对定位 */
width: 100%; /* 占满父元素宽度 */
}
在这个示例中,.momeny-down
的宽度被设置为90%。然后,我们将内部的 <ul>
元素进行相对定位,并使其左右边距自动居中。
接着,将 <li>
元素进行绝对定位,并设置其宽度为100%,这样就可以让每个 <li>
占满父元素宽度。
通过这种方式,内部盒子就不会占满上级盒子的90%,而是根据上上级容器来进行相应布局。你可以根据具体需求调整代码以适应实际情况。
内容由零声教学AI助手提供,问题来源于学员提问