mrgraphy
سه شنبه 23 آبان 1391, 19:04 عصر
سلام دوست عزیز.
مقادیر top و left و right و bottom تنهایی کاربرد ندارند و باید اول property به نام position یا موقعیت ست بشه و فقط دو تا از چهار property که برای جهت هستند میتونند استفاده بشند.
به این صورت که من یک div دارم با طول و عرض 300 در 300 پیکسل و یک div دیگری هم داخل این div هستش که من میخوام خارج از اون نمایش داده بشه.
div اول رو بهش position:relative میدم و div دوم رو که داخل هست اما میخوام خارج از اون نمایش داده بشه رو بهش position:absolute میدم و دوجهت از چهار جهت رو براش میزام و مقدارشون رو متناسب با اون چیزی که میخوام منفی ست میکنم. البته در موارد دیگه مثبت ست میشن.
حالا به این مثال توجه کن شما.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>tets</title>
<style type="text/css">
#base {
width:300px;
height:300px;
border:1px solid #F00;
margin:0 auto;
position: relative;
}
#fly {
width:100px;
height:100px;
border:1px solid #00F;
position:absolute;
bottom:-50px;
left:-50px;
}
</style>
</head>
<body>
<div id="base">
<div id="fly"></div>
</div>
</body>
</html>
این کد رو ذخیره کنید و تست کنید متوجه میشید.
امیدوارم کمکتون کرده باشم.
موفق باشید.