<div class="clear"></div> برای چیست ؟

amirepsilon · Feb 26, 2009

justpersian · Feb 26, 2009

البته فکر کنم منظور شما این بوده :

کد:

<div style="clear:both"></div>

که بعضی ها میان به این صورت ازش استفاده می کنن :

کد:

<style>
.clear {
    clear:both;
}
</style>


<div class="clear"></div>

شما وقتی از float استفاده کنید تو مرورگرهایی که استاندارد هستند تو نمایش دچار مشکل می شوند
شما با این کار باعث می شوید که مرورگر بفهمه قضیه چیه

amirepsilon · Feb 27, 2009

یعنی میاد بین دو تا div دیگه تفکیک قائل میشه ؟
میشه بیشتر توضیحب بدید ؟

justpersian · Feb 27, 2009

سلام .
کد زیر رو تو یه فایل با پسوند html ذخیره کن و بعد تو فایرفاکس اجراش کن :

کد:

<html>
<head>
<style>
.main {
    width:500px;
    background:#ddd;
    border:1px solid #000;
    height:auto;
    padding:15px;
}
.right {
    float:right;
    width:235px;
    height:150px;
    background:#666;
    margin:0 10px 0 0;
}
.left {
    float:left;
    width:235px;
    height:150px;
    background:#666;
    margin:0 0 0 10px;
}
</style>
</head>
<body>

<div align="center">
<div class="main">
<div class="right"></div>
<div class="left"></div>
<div style="clear:both"></div>
</div>
</div>

</html>
</body>

حالا دیدی چی شد ؟
بعد از اینکه اجرا کردی و صفحه رو دیدی اینبار بیا تکه کد

کد: