浮动含义:
在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素;且要指明一个宽度,否则它会尽可能地窄;
另外当可供浮动的空间小于浮动元素时,它会跑到下一行,直到拥有足够放下它的空间。
浮动前:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<html >
<head>
<style type=
"text/css"
>
#id1 img{
width:100px;
}
</style>
</head>
<body>
<div id=
"id1"
>
<img src=
"meijls.jpg"
/>
</div>
<div id=
"id2"
>天空中没有留下我的痕迹,但我已飞过!落后有意,流水无情!我以清新与明月,奈何明月照沟渠!</div>
</body>
</html>
浮动后:
|