Маниакальный Веблог » Раскладка в CSS: float - The Diigo Meta page

• 16 Jan 12
  

  Article CSS -Program imported from_chrome

• 22 Feb 11
  

  Serge Lik

  css float верстка

• 18 Feb 11
  

  hezard hezard
  • float
  • блог,    01.12.2005
  • Длинная
  • свойстве "float" зав
  • попея с написанием стать
  • максимально доходчиво свести все многообразие поведений этого мощного и несколько странного свойства в одну общ
  • ржит реко
  • иллюстраций
  • среди
  • Кроме
  • статья
  • количество
  • удьбу тега "table" в HTML: ни то, ни другое вообще не задумывалось как средство создания колонок и вообще
  • слегка
  • элементов
  • енств механизма позиционирования float
  • очень
  • ользуется для

    этой цели очень широко. А то, что придумывался он для другого, частенько проявляется разными не
  • перед
  • Однако
  • эффектами
  • расскажу
  • показать
  • раскладки
  • ие о терминах. В русском языке не сложилось никакого известного термина для этого инструмента (пока, п
  • писать
  • Поэтому я предп
  • его в исходном
  • флоут" (ломать скулы произношением "флоАт" не нужно). Заодно тут же прошу простить мне такие вольности как "
  • at". Читается это прим
  • float'ить", "приfloat'нутый" и т.п. :-)

  • рым можно двигать боксы практически произвольно, все, что может float — это сдвинуть элемент к одной из сторон потока, правой или левой.

      

    При этом сам бокс и следующие за ним в по

  • ение:

      

    
  • Float'нутый бокс перестает раздаваться на всю ширину родительского бокса-контейнера (как это происходит с блоками в потоке). С его неприжатой к родителю свободной стороны появляется свободное место.
  • чные бокс
  • • float'нутого бокса в потоке не было.
     
    • Строчные же боксы внутри подвинувшихся наверх блоков начинают обтекать float'ну
  • нуть н
  • float
  • текст

  • е в одну сторону боксы, которые идут один за другим. В этом случае следующий бокс будет пытаться уместиться сбоку от предыдущего, с его свободной стороны. И только если ему там не будет достаточно места, тогда он сместится ниже и будет пытаться уместиться уже там.

      

    Есть еще один маленький технический аспек
  • не обязательны
  • друга
  • прижимание
  • описанных
  • стыкование
  • применения их в раскладке

  44 more annotations...

• 08 Sep 10
  

  rare__

  css webdev

• 26 Jul 10
  

  Spark Ego

  Float в CSS.

  programming css code

• 20 Jun 10
  

  ujyvbkh
• 30 Mar 09
  

  Vitaly Ilinykh

  tutorial design css

• 27 Feb 09
  

  Yuri Baranov

  CSS

• 27 Nov 08
  

  Alexey Karguine

  www

• 07 Nov 08
  

  Yura Yatsuk

  css tips tutorials webdev

• 23 May 08
  

  Lilumi Odi

  css design web tutorials

• 21 May 08
  

  Leonid Vygovskiy

  css float tutorial

• 22 Apr 08
  

  plarkin

  css float

• 21 Apr 08
  

  retnakierd

  layouts html css webdesign

• 02 Dec 05
  

  Alexey Kirienko

  css floating

• 01 Dec 05
  

  Alexander Lockshyn

  css

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.