gpt4 book ai didi

html - 相对容器位置错误

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

如果使用相对定位将我的内容框保持在 body 容器内,为什么我使用的框与 body 标记的边框重叠?

这是 html:

<body>

<div class="content">
<img src=""/>
</div>

</body>

这是我的 body 标签的 css:

body { 
font-family: Calibri;
background-color: #e7e6e8;
width: 100%;
min-height:100%;
min-width: 1200px;
margin: 0;
padding: 0;
border: solid black 5px;
}

这就是麻烦制造者:

.content {
position: relative;
width: 1325px;
height: 300px;
overflow: hidden;
top: 45px;
left: 7%;
border: solid black 2px;}

最佳答案

您可以使用 margin-top: 45px; 而不是 top: 45px;。 (还有 margin-left: 7%; 如果你也想在那里停止溢出。)

如果你相对定位一个元素,它总是在设置它的父元素的高度/宽度之后这样做。更多内容 this answer.

关于html - 相对容器位置错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55627593/

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