div的大小从浏览器到浏览器的变化？

Question

这里的问题很简单。每当我更改浏览器窗口时，我的代码上的 div 都会更改大小。 div 内部是一个链接列表，在 Chrome 中，div 完美地封装了所有链接，但在 Firefox 或 Safari 中，div 大约停在倒数第二个链接处。如何使所有浏览器的 div 大小相等？

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

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

Answer 1

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

overflow:hidden;

再次，对于较小的屏幕，您的 div 变得如此之小，这是您主要关心的问题，您可以使用

min-width: 200px;

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