div 的大小因浏览器而异？

Question

这里的问题很简单。每当我更改浏览器 windows 时，我代码中的 div 都会更改大小。在 div 中是 link 的列表，在 Chrome 中 div 完美地封装了所有 link 但在 Firefox 或 Safari 之类的东西中 div 大约在倒数第二个 link 处停止。如何使 div 大小在所有浏览器中都相等？

.test {
  width: 420px;
  height: 2270px;
  border: 1px solid grey;
  top: 50%;
  background-color: whitesmoke;
  position: relative;
  align: center;
}

我猜这与每个浏览器如何解释它有关，但我不确定如何解决这个问题。

Answer 1

是的，对于不同的 window 大小，您可以保持 div 大小固定。但这取决于您的需要。如果您的 div 包含 texts/image ，您可以使用

overflow:hidden;

同样，对于较小的屏幕，您的 div 变得太小了，这是您主要关心的问题，您可以使用

min-width: 200px;

在这种情况下，即使父项 div 变小，子项 div 也将相同，除非父项 div 变得比子项 div 小。

div 的大小因浏览器而异？

Size of div changes from browser to browser?

html

css

height

width