02.03.2017 Views

CSS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Wrapper<br />

زیر خواهد آمد.‏<br />

است(‏ قرار نگرفته و آن چیزی که انتظار داریم انجام نمیشود.‏ در واقع طرح ما به صورت<br />

برای حل این مشکل دو راه حل وجود دارد:‏<br />

-1<br />

-2<br />

یا اینکه عنصر در برگیرنده ‏)‏wrapper‏(خود حالت<br />

راست متمایل شود(‏ این مورد را امتحان کنید!‏<br />

float<br />

یا اینکه عنصر با قاعده Clear : both را در آن قرار دهیم.‏<br />

ما از روش دوم استفاده خواهیم کرد.‏ برای این کار از بخش<br />

آن برابر Both قرار دهیم.‏ با این کار مطمئن میشویم که<br />

خواهد کرد و چون خود،‏ حالت<br />

Footer<br />

داشته باشد.‏ ( یعنی به چپ یا<br />

استفاده میکنیم و قاعده<br />

Clear<br />

Footer<br />

Float<br />

شکل مشکل قبلی اصالح خواهد شد:‏<br />

ندارد در نتیجه به عنصر<br />

دقیقاً‏ در پایین دو بخش قبلی قرار<br />

Wrapper<br />

ارتفاع خواهد داد و به این<br />

#footer {<br />

Clear:both;<br />

}<br />

آموزش کاربردی <strong>CSS</strong>3<br />

133<br />

‏”رسولی”‏ نویسنده:‏ فردوس

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!