我有两个div,它们的大小应该相同。我试图设定一个适合桌面大小的高度,但是当我使用其他平台时,它变得一团糟

 ____________
|  ___________
| |         | |
| |         | |
| |         | |
|_|_________  |
  |___________|




.custombox {
  text-align: center;
  padding: 10px;
  position: absolute;
  border: 1px solid;
}

.customparentbox {
  background: red
}

<div class="customparentbox">
  <div class="custombox">
    <p>Sample text</p>
    <button>test</button>
  </div>
</div>

最佳答案

我对您的CSS进行了一些更改



.custombox{
  text-align: center;
  padding: 10px;
  position: absolute;
  border: 1px solid;}
  .customparentbox{background:red}




.custombox {
  text-align: center;
  padding: 10px;
  position: relative;
  top:10px;
  left:10px;
  border: 1px solid;
}

.customparentbox {
  width:100px;
  background: red;
  border:1px solid green;
}


这是我制作的jsfiddle

关于html - 为仅div CSS设置相同的高度和响应度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45972093/

10-12 00:14
查看更多