標準的CSS浮動的概念
浮動是CSS就有的特性,通過float屬性進行設置。在HTML中,浮動屬性較常使用在圖像和文本的顯示中,讓文本浮動在圖像旁邊,而不是換一行顯示。 float可以設置的屬性有:
- left 元素向左浮動
- right 元素向右浮動
- none 默認值, 不浮動
- inherit 從父元素繼承float屬性
無浮動效果
舉例來看, 頁面中有兩個div , 在一般狀況下兩個div分成兩行顯示,示例代碼和示例效果如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
&l