CSS浮動

<li>浮動的框可以向左或向右移動,直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。 由于浮動框不在文檔的普通流中,所以文檔的普通流中的塊框表現得就像浮動框不存在一樣。

<li>元素浮動后,就會默認在瀏覽器中不占用位置。所以才會產生“覆蓋”的情況。
eg:
第一個元素左浮,第二不做設置,會變成:


若兩個元素都設置為左浮,則會并列,因為此時都為浮動元素:

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1.浮動元素有什么特征?對父容器、其他浮動元素、普通元素、文字分別有什么影響? 何謂浮動元素?有什么特征?所謂浮動...
    草鞋弟閱讀 827評論 0 1
  • 一,浮動元素有什么特征?對父容器、其他浮動元素、普通元素、文字分別有什么影響? 浮動模型是一種可視化格式模型,浮動...
    DeeJay_Y閱讀 896評論 0 4
  • 文檔流的概念指什么?有哪種方式可以讓元素脫離文檔流? 文檔流就是瀏覽器在頁面上擺放HTML元素所用的方法。瀏覽器從...
    coolheadedY閱讀 579評論 0 0
  • 浮動元素的特征及影響 特征: 浮動模型也是一種可視化格式模型,浮動的框可以左右移動(根據float屬性值而定),直...
    Joey的企鵝閱讀 908評論 0 0
  • 在微信公眾號上看到一些有趣的CSS面試題,在此做一下記錄。css是前端的基礎,但是或許很多人都會忽視其一些屬性和樣...
    琉璃元寶閱讀 552評論 0 4