Layout - ویژگی float و clear

ویژگی float مشخص می‌کند چگونه یک عنصر می‌بایست float شود.^[۱]

ویژگی clearمشخص می‌کند که چه عنصری می‌تواند کنار عنصر clear شده و در چه جهتی float شود.

ویژگی float

ویژگی float برای موقعیت دهی و قالب بندی محتوا استفاده می شود مانند اجازه دادن به یک تصویر برای قرار گرفتن در سمت چپ یک متن در عنصر نگه دارنده.

ویژگی float می‌تواند یکی از چهار مقدار زیر را داشته باشد:

none - عنصر float نمی‌شود (تنها در جایی که در متن اتفاق رخ داده نمایش داده می‌شود) این امر پیش‌فرض است

ویژگی float را در ساده ترین حالت می‌توان برای قرار دادن متن در اطراف تصاویر استفاده کرد.

مثال زیر مشخص می‌کند که یک تصویر می‌بایست در سمت راست درون متن float شود:

مثال

img {
  float: right;
}

مثال زیر مشخص می‌کند که یک تصویر می‌بایست در سمت چپ درون متن float شود:

مثال

img {
  float: left;
}

در مثال زیر تصویر فقط در جایی که در متن رخ می‌دهد، نمایش داده می‌شود (float: none;):

مثال

img {
  float: none;
}