html - 最小化页面时如何在CSS中修复菜单栏和容器

Question

看图，不知道是什么问题

带有按钮的搜索栏和带有文本“PROFILE”的框给我一个问题

.profile{
width: 300px;
height: 300px;
background-color: white;
border: 1px solid lightgrey;
border-radius: 5px; 
position: absolute;
right: 50px;
top: 80px;
}
.srch{
width: 500px;
height: 30px;    
border-radius: 2px;
border: 1px solid white;
margin-left: 150px;
padding-left: 8px;
}
.sub{
background: none;
border: 2px solid red;
border-radius: 2px;
color:white;
font-weight: bold;
font-size: 14px;
width: 100px;
height: 35px;    
}

Answer 1

使用:

vertical-align: top;

正文