Javascript 为什么浏览器缩放会使div固定css宽度崩溃？ 家长{ 宽度：100px； } div.parent div{ 宽度：25px； 浮动：左 }

问题是，当浏览器缩放时，或者一些用户有更小的显示器时，子div（即25px）被放到下一个div行，也可能有图像，我尝试将它们设置为固定的宽度和高度，但当用户更改页面缩放时，div大小仍然会改变，为什么会发生这种情况？

您能发布一个JSFIDLE吗？是的，演示正在发生的事情会很有用。有了以上内容，

div

s不应该换行-这是造成问题所需的全部html，还是您将其过于简化了？应用了什么浏览器和其他CSS，如填充、边距等。您有4个25像素的子div，一个100像素的父div，所以我猜您在孩子的div中使用了一些边距/填充，它将大于100px。但请提供一份fiddle@JamesThorpe：再加上上面的文字，

将不可见，因此很难判断它们是否正在包装。

<div class="parent">
   <div>
   </div>
   <div>
   </div>
   <div>
   </div>
   <div>
   </div>
</div>

<style>
div.parent {

 width: 100px;

}
div.parent div {

   width: 25px;
   float: left
}
</style>