Início / user-15994720

Max Fogdall's questions

Martin Hope
Max Fogdall
Asked: 2025-03-06 07:15:24 +0800 CST
  • 6

Tenho um HTML que é centralizado horizontalmente e contém um monte de <p>tags. Quando a altura do div centralizado excede a altura da página, ele recua o div. Como posso impedir que isso aconteça?

.container {
  display: flex;
  justify-content: center;
}

.center {
  width: 600px;
  max-width: 600px;
  border-left: 1px;
  border-right: 1px;
  border-top: 1px;
  border-bottom: 1px;
  border-color: rgb(0, 0, 0);
  border-style: solid;
}
<div class="container">
  <div class="center">
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
  </div>
</div>

Tentei definir overflow como 'auto' no div central. Isso não funcionou.

html