PDA

View Full Version : علت ارتفاع نداشتن در حالت height: auto;


saeedtrb
جمعه 02 فروردین 1392, 22:27 عصر
با سلام سوالي برام در اين زمينه پيش اومده چرا يك جسم در حالتي كه خصوصيت height بر روي auto باشه ارتفاع نمي گيره ولي به محض اينكه يك خاصيت float بهش مي دي ارتفاع مي گيره و در صورتي كه خصوصيت margin بر روي auto بزاري چون از float پيروي مي كنه ديگه وسط قرار نمي گيره ممنون ميشم اگه دوستان راهه حلي براي اين مشكل بدن
Mohsen.
شنبه 03 فروردین 1392, 00:48 صبح
بهتره شما کدهاتون رو بزارید. بهتر میتونیم کمک کنیم.
saeedtrb
شنبه 03 فروردین 1392, 10:55 صبح
لطفا به خصوصيت float‌دقت كنيد و يك بار برداريد و امتحان كنيد

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#div1 {
width: 350px;
height: auto;
background: #069;
float: left;
margin: 0px auto 0 auto;
}
#div2 {
width: 100px;
height: 200px;
background: #CCC;
float: right;
}

</style>
</head>
<body>
<div id="div1"><div id="div2"></div>
</div>
</body>
</html>
Mohsen.
شنبه 03 فروردین 1392, 11:14 صبح
شما در واقع میخواهید داخل یک دایو (والد) یک دایو دیگه بزارید که خاصیت float داشته باشه. در این صورت دایو والد یا باید دارای خاصیت float باشه یا باید دارای خاصیت overflow: auto باشه.
امتحان کنید.