0

大家好,我是一个新手,并试图让我的头脑围绕 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;
    }

亲切的问候

4

2 回答 2

2

如果你设置width:500px;height:300px;(或任何你想要的大小),div 应该保持相同的大小。此外,您可以设置overflow:hidden;为,如果 div 中的任何内容超出了这些范围,则不会显示它,并且不会调整 div 的大小。

于 2013-03-01T00:40:35.163 回答
0

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

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;
}  
于 2016-05-18T13:24:48.987 回答