Div ای که یک مقدار ثابت و یک مقدار درصدی نیاز داره، چطوریه؟

[asadi.hasan]

سلام خسته نباشید؛
من یک Div در سمت راست صفحه دارم که اندازه عرض اون ثابت و 300px هستش ویک Div دیگه در کنارش دارم که میخوام کل مابقی صفحه رو بگیره،و Min-width:500px باشه. اما نمیدونم چطوری باید کل صفحه رو بهش بگم ؟
شکل زیر رو نگاه بکنید. راهنماییتون میکنه.ممنون.

132236

[سعید کشاورز]

اگه با html و css آشنایی داری بهت پیشنهاد میکنم از بوت استرپ استفاده کنی..
سرعت طراحی قالبت فوق العاده بالا میره و همچنین قالبایی که طراحی میکنی توی موبایل و تبلت با خیال راحت درست نمایش داده میشن
اینم لینک آموزشش
آموزش بوت استرپ (http://saeedd.blog.ir)

[2undercover]

http://codepen.io/2undercover/pen/ZGJEPO

[asadi.hasan]

ممنون دوست عزیز؛
میشه یه مقدار درباره این کدها توضیح بدی؟



div.right {
width: 300px;
height: 100%;
float: right;

color: yellow;
background-color: black;
}
div.left {
min-width: 500px;
height: 100%;
margin-right: 300px;

color: black;
background-color: yellow;
}


شما margin-right: 300px; دادید.مگه نباید این کد،300px بین div.left ,div.rightفاصله ایجاد کنه؟

[2undercover]

وقتی برای div.right از float استفاده کردیم باعث میشه که به سمت راست والد خودش بچسبه و به div کنارش اجازه میده که کنارش قرار بگیره.

در حالت عادی div ها خاصیت diplsay آنها برابر با block هست که 100% والد خودش رو پوشش بده، حالا ما اومدیم به اون div کناری div بالایی که توضیح دادم margin دادیم که 300 پیکسل از کناره فاصله بگیره؛ به این دلیل که تگ کناریش دارای float هست باعث میشه که اون فاصله از کناره والد ایجاد بشه نه از کناره ی اون div.