gpt4 book ai didi

html - 列宽打破 Chrome 中的 div

转载 作者:太空宇宙 更新时间:2023-11-04 08:34:38 25 4
gpt4 key购买 nike

Chrome 打破 div 而不是扩大列宽 block 中的外部容器。

多一个像素的宽度解决了这个问题。另一个列表项也是如此。如何避免这种情况?

这里有 fiddle https://fiddle.jshell.net/papa_bravo/01dzhwpz/

.my-list {
border: 1px red solid;
column-width: 70px;
width: 226px;
}

.my-item {
height: 40px;
width: 50px;
display: block;
float: left;
border: 1px solid blue;
}
<div class="my-list">
<div class="my-item">Test1</div>
<div class="my-item">Test2</div>
</div>

最佳答案

如果删除 .my-item-class 的 float: left;,它似乎可以工作。

关于html - 列宽打破 Chrome 中的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44568261/

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