html - 如何让一个div保持相同的大小

Question

大家好，我是一个新手，正在努力了解 CSS。我创建了一个 div，其中包含我网站的登录名和密码表单。当用户使用 PHP 成功登录时，此表单会消失，并会出现欢迎用户的欢迎消息。我的问题是，由于消息小于登录表单，div 缩小到该大小并且不会保持不变。

我试过调整宽度、高度，使用各种位置命令(如绝对值)但没有成功。

这是我的名为 infobox 的 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 的大小。