gpt4 book ai didi

html - div 不跨越页面宽度

转载 作者:太空宇宙 更新时间:2023-11-04 11:39:37 24 4
gpt4 key购买 nike

我有 3 个 div float 在容器 div 中。容器的宽度为 100%,内部的 3 个 div 的宽度为 33%。 div 或主体上没有填充/边距,但容器 div 仍未跨越整个页面,迫使内部 div 重叠。请帮忙,我似乎无法在这里找到适合我的答案。

#container {
width: 100%;
margin: 0 auto;
padding: 0;
}
#left,
#middle,
#right {
float: left;
width: 33%;
}
body {
margin: 0;
padding: 0;
width: 100%;
}
<div id="container">
<div id="left">
<img src="http://placehold.it/100x350" height="350" alt="" />
</div>
<div id="middle">
<img src="http://placehold.it/100x350" height="350" alt="" />
</div>
<div id="right">
<img src="http://placehold.it/100x350" height="350" alt="" />
</div>
</div>

最佳答案

这行得通。确保正文的宽度为 100%。

CSS

html, body {
100%;
}

.container {
width: 100%;
}

.item {
width: 33%;
float: left;
}

HTML

<body>
<div class="container">
<div class="item">a</div>
<div class="item">b</div>
<div class="item">c</div>
</div>
</body>

关于html - div 不跨越页面宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31452953/

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