1. 程式人生 > >float是什麽樣式?

float是什麽樣式?

microsoft 占用 使用 div spa style 內容 pan 範圍

什麽是float樣式?

  讓標簽浮動起來,總體方向往上

right,left(右浮,左浮)

  聯合height,width使用,分別占用y方向和x方向多少,單位px或百分比(%)

作用對象不是頁面,而是作用於在父標簽的範圍裏面

對於float有什麽神奇之處?

    第一, 子標簽浮動起來,父標簽的樣式原來靠內容撐起來,

      子標簽浮動相當於對父標簽透明,沒有內容

    第二, 在最後添加 <div style="clear: both"></div>把float屬性清除,

      讓子標簽不透明,撐起父標簽樣式,並不改變float樣式,太low

如何邏輯整理?

  1. float 讓標簽像木塊一樣浮動在水面一樣,right,left定義浮動的大概區域,height,width定義木塊大小
  2. float 讓子標簽透明,讓父標簽內容樣式失效,最後添加 <div style="clear: both"></div>把float屬性清除

float是什麽樣式?