如何讓一個div保持相同的大小

大家好，我是一個新手，並試圖讓我的腦袋圍繞CSS。我已經創建了一個保存我的網站的登錄名和密碼錶單的div。當用戶成功登錄此表單時，將使用PHP消失，並出現歡迎消息來迎接用戶。我的問題是，因爲消息比登錄表格小，div收縮到這個大小，並不會保持不變。如何讓一個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; 
    }

親切的問候

來源

2013-03-01 Andrew Rose

設置'＃infobox'的高度。 – 2013-03-01 00:38:56

如果你用'親屬'包裝''，你可以用'相對位置'包裝'＃'信息包'並且使'＃信息包'絕對位置很容易操縱絕對位置。 – jhunlio 2013-03-01 00:46:50

如果你設置了width:500px;和height:300px;（或者你想要的任何尺寸），div應該保持相同的大小。此外，您可以設置overflow:hidden;，以便如果div中的內容超出了這些界限，則不會顯示，並且不會調整div的大小。

來源

2013-03-01 00:40:35 jas7457

謝謝我覺得自己像個假人現在，非常感謝壽 - 安迪 – 2013-03-01 00:45:23

沒問題。我剛剛在幾周前開始在CSS中。你即將學習很多東西超快。這是一個非常強大的框架 – jas7457 2013-03-01 00:46:34

試試這個。也許它會幫助你。

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-18 13:24:48

如何讓一個div保持相同的大小

回答

相關問題