Question

在我的一个网页中，我有一个div（类名居中）放置在页面的中心，其中包含一些下拉菜单。根据选定的值，它会显示一些复选框。但是无论何时显示复选框，div都会向上移动并在某些屏幕中与导航栏重叠。有人可以解决此问题吗？

css for centered class is

.centered {
 position:absolute;
 top:50%;
 bottom:50%;
 transform:translate(-50%,-50%);
 transform:-webkit-translate(-50%,-50%);
 transform:-moz-translate(-50%,-50%);
 transform:-ms-translate(-50%,-50%);
 width:400px;
 border:1 px solid black;
 padding:25px;
 margin:50px;
 }

Answer 1

基于我的理解。类居中的div应该固定在中心。查看代码，您可以设置top:55%;和bottom:50%;。它应该是这样的，你可以尝试一下。

.centered {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
transform: translate(-50 % , -50 % );
transform: -webkit - translate(-50 % , -50 % );
transform: -moz - translate(-50 % , -50 % );
transform: -ms - translate(-50 % , -50 % );
width: 400 px;
border: 1 px solid black;
padding: 25 px;
margin: 50 px;
}

div正在向上移动并与导航栏重叠

1 个答案: