css布局的漂浮

2021-09-11 20:48:39 字數 460 閱讀 1432

css布局的漂浮(不怎麼用,了解一下,也寫不到)

用到float屬性:有兩個屬性值:

none:預設值。物件不漂浮。

left   : 文字流向物件的右邊。 

right : 文字流向物件的左邊。

例1://漂浮.html

aaaaaaaaaaaaa

bbbbbbbbbbbbbb

cccccccccccccc

效果:

解釋:div標籤的特點是自動換行。

正常情況下,div1,div2,div3是依次從上往下排列。這就是乙個文字流。

當給第乙個div設定成left之後,會把它自己的內容居左,它後面的內容居右。即把div2放到div1的右面。

div2走了之後,空出來的位置,div3補上。

CSS的盒子模式和漂浮

css的盒子模型title type text css div div 1 div 2 div 3 style head id div 1 第乙個盒子11第乙個盒子11 div id div 2 第二個盒子22 div id div 3 第三個盒子33 無標題文件title type text cs...

CSS 常見的css布局

1 單列布局 主要使用max width屬性樣式實現,使用max width是為了當螢幕小於2000px時不出現滾動條 2 兩列自適應布局 兩列自適應布局是指一列由內容撐開,另一列撐滿剩餘寬度的布局方式,為了觸發ie瀏覽器的haslayout屬性,需設定zoom 1 2.1 使用float over...

CSS布局入門 css

css布局與傳統 table 布局最大的區別在於 原來的定位都是採用 通過 的間距或者用無色透明的gif來控制文布局版塊的間距 而現在則採用層 div 來定位,通過層的margin,padding,border等屬性來控制版塊的間距。分析乙個典型的定義div例子 sample 說明如下 下面是這個層...