我有两个div叫map和filters。它们每个都有一个1px宽度的实线边框。目前，mapdiv包含八行不同宽度的图像（如有必要，我可以提供屏幕截图），并且它的位置固定。我想将filtersdiv放置在map高度为82.75％的div下方。我尝试了不同的显示和位置值，但是没有成功，我的第一个div崩溃或第二个div仍然保留在屏幕顶部。我应该怎么做才能使两个div都覆盖屏幕的100％？
我的CSS代码：
body {
margin: 0px;
width: 100%;
height: 100%;
background-color: #F7F7F7 !important;
}
#map {
display: table;
border-style: solid;
border-width: 1px;
width: 100%;
height: 82.75%;
position: fixed;
}
#filters {
border-style: solid;
border-width: 1px;
width: 100%;
height: 17.25%;
position: fixed;
}
适用bottom: 0于#filters解决问题。
编辑：这是由于边框而发生的-默认情况下，其宽度不会添加到整个元素的大小。您需要将这些规则添加到#map和中#filters：
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-box-sizing: border-box;
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句