我有两个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/