                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

float的定義和用法

這里只有簡單的，有沒有詳細(xì)的介紹

笨小孩愛笨小女孩

2016-07-10

源自：初識HTML(5)+CSS(3)-升級版 13-4

關(guān)注問題我要回答

957

操作

收起

1 回答

慕萊塢9220042 回答被采納 +3 積分
2016-07-10

定義和用法

float 屬性定義元素在哪個方向浮動。以往這個屬性總應(yīng)用于圖像，使文本圍繞在圖像周圍，不過在 CSS 中，任何元素都可以浮動。浮動元素會生成一個塊級框，而不論它本身是何種元素。

如果浮動非替換元素，則要指定一個明確的寬度；否則，它們會盡可能地窄。

<html>
<head>
<style?type="text/css">
img?
{
float:right
}
</style>
</head>

<body>
<p>在下面的段落中，我們添加了一個樣式為?<b>float:right</b>?的圖像。結(jié)果是這個圖像會浮動到段落的右側(cè)。</p>
<p>
<img?src="/i/eg_cute.gif"?/>
This?is?some?text.?This?is?some?text.?This?is?some?text.
This?is?some?text.?This?is?some?text.?This?is?some?text.
This?is?some?text.?This?is?some?text.?This?is?some?text.
This?is?some?text.?This?is?some?text.?This?is?some?text.
This?is?some?text.?This?is?some?text.?This?is?some?text.
This?is?some?text.?This?is?some?text.?This?is?some?text.
This?is?some?text.?This?is?some?text.?This?is?some?text.
This?is?some?text.?This?is?some?text.?This?is?some?text.
This?is?some?text.?This?is?some?text.?This?is?some?text.
This?is?some?text.?This?is?some?text.?This?is?some?text.
</p>
</body>

</html>