Javascript 砌体容器的宽度何时超过其父容器的宽度?
我喜欢砌石,但我有一个小毛病:有时砌石容器的宽度比其父容器的宽度大。以前有人经历过吗?在什么情况下会发生这种情况?你如何解决这个问题 我的网站使用Javascript 砌体容器的宽度何时超过其父容器的宽度?,javascript,jquery-masonry,Javascript,Jquery Masonry,我喜欢砌石,但我有一个小毛病:有时砌石容器的宽度比其父容器的宽度大。以前有人经历过吗?在什么情况下会发生这种情况?你如何解决这个问题 我的网站使用isFitWidth,并在调整浏览器大小后重新进行布局。容器具有自动边距(左侧和右侧),因此它居中 当我慢慢缩小浏览器的尺寸时,我会看到水平滚动条(其中一些内容看不见),然后砖石结构会重新计算并删除一列 如果我在此时检查DOM,我会发现应用于砌体容器元素(通过砌体)的宽度略大于父元素的大小。到目前为止,我看到的差异大小是8px和13px。(这似乎部分取
isFitWidth
,并在调整浏览器大小后重新进行布局。容器具有自动边距(左侧和右侧),因此它居中
当我慢慢缩小浏览器的尺寸时,我会看到水平滚动条(其中一些内容看不见),然后砖石结构会重新计算并删除一列
如果我在此时检查DOM,我会发现应用于砌体容器元素(通过砌体)的宽度略大于父元素的大小。到目前为止,我看到的差异大小是8px和13px。(这似乎部分取决于列宽
和边沟
设置)
请注意,我没有使用百分比计算宽度,并且我的内容中没有图像
我尝试了几件事,包括:
- 不同浏览器
- 从砌体容器中移除不必要的样式(如衬垫)
- 从砌体项目中删除不必要的样式(例如阴影)
- 在容器的父对象上使用相对定位
- 从容器的父级中删除不必要的样式(例如边距)