У меня есть два контейнера.Один с полным содержимым (container1), а затем справа, у меня есть поле, содержащее информацию о пользователе (container2):
Когда я добавляю содержимое в контейнер и его длина превышает высоту, содержимое продолжает выходитьконтейнер.Поэтому я решил добавить высоту: авто;что, однако, испортит представление контейнера2.Что я могу сделать, чтобы убедиться, что они остаются согласованными?
Код
<div id="container">
<h1>$nameis</h1>
Here will be the content that will be longer and shorter on certain pages.
</div>
<div id="container2">
<div id="welcoming">
<input id="search">
<h3><?php echo $angelinajolie;?></h3>
<h3><a href="/lastlogin.php">Logins</a></h3>
<h3><a href="/stats.php">Stats</a></h3>
</div>
</div>
CSS
div#container {
background-color: #FFFFFF;
margin:0 auto;
height: 300px;
width:60%;
font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
border:0px solid #FFFFFF;
margin-top:25px;
font-size:15px;
color: #222222;
margin-left:60px;
}
#container2 {
margin:0 auto;
height: 80px;
width:20%;
font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
border:0px solid #FFFFFF;
margin-top:25px;
font-size:15px;
color: #E1E1E1;
margin-left: 70%;
margin-top:-317px;
}