Question

大家好，我是一个新手，并试图让我的头围绕CSS。我创建了一个div，它为我的网站保存了一个登录名和密码表。当用户成功登录此表单时，使用PHP消失，并显示欢迎消息以迎接用户。我的问题是，因为消息小于登录表单，div缩小到该大小并且保持不变。

我尝试过玩宽度，高度，使用各种位置命令，比如绝对但没有运气。

这是我对名为信息框的div的css：

    #infobox {

border:2px solid #a1a1a1;
padding-left:16px; 
padding-top:10px;
background:#dddddd;
width:237px;
border-radius:25px;
-moz-border-radius:25px;
float: right; 
padding-bottom: 10px;

    }

这是我的标题css，其中嵌套在上面（如果这有帮助）

    #header {
width: 960px;
margin: 0 auto;
padding: 40px 0;
position: relative;
margin-top: -36px;
    }

亲切的问候

Answer 1

如果您设置width:500px;和height:300px;（或任何您想要的大小），则div应保持相同的大小。此外，您可以设置overflow:hidden;，以便如果div中的任何内容超出这些边界，则不显示，并且不会调整div的大小。

Answer 2

试试这个。也许它会帮助你。

enter code here


#infobox {
width:400px;
height:250px;
border:2px solid #a1a1a1;
padding-left:16px; 
padding-top:10px;
background:#dddddd;
border-radius:25px;
-moz-border-radius:25px;
float: right; 
padding-bottom: 10px;
overflow:hidden;
}

如何让div保持相同的大小

2 个答案: