Printable View
با سلام به دوستان
میخواستم ببینم چه جوری دو تا div را زیر هم گذاشت! من این کد را نوشتم ولی دومی به هیچ وجه ی زیر اولی قرار نمیگیره :
#right
{
border-left: 2px solid #5E5945;
border-right: 2px solid #5E5945;
font-size: 10pt;
padding:10px;
float:right;
width:20px;
height:20px;
}
#right2
{
float: right;
margin: 90px 0px 55px 45px; فکر کنم مشکل اینجا باشه!!!!!!!!!!!!
padding: 10px;
width:20px;
height:20px;
border-left: 2px solid #5E5945;
border-right: 2px solid #5E5945;
}
وقتی شما برای div مشخصه‌ی float تعریف می‌کنید
و شیء رو به سمت راست پنجره منتقل می‌کنید، دیگه در محل اصلی خودش که زیر هم هست نمایش داده نمی‌شه
قبل از شروع طراحی باید مطالعه کنید
و یاد بگیرید که هر دستور css چه اثراتی داره
در این مورد بهترین کار اینه که یه div اصلی داشته باشید که خاصیت float داره
و دو div داخلش باشن بدون دستکاری خصوصیات css
این طوری زیر هم نمایش داده می‌شن
.Div1
{
position: absolute;
width: 503px;
height: 221px;
z-index: 1;
right: 271px;
top: 69px;
background-color:#FFFF00
}
.Div2
{
position: absolute;
width: 478px;
height: 188px;
z-index: 1;
right: 11px;
top: 15px;
background-color:#00FFFF
}
میشه یه ذره توضیح بدین که چه کار کردین ؟؟؟؟؟؟؟؟
فقط کد float رو بر داشت به همین سادگی:قهقهه: