CSS–布局(Layout)

clear:

該屬性的值指出了不允許有浮動物件的邊.

預設值:none

取值	描述
none	允許兩邊都可以有浮動物件
left	不允許左邊有浮動物件
right	不允許右邊有浮動物件
both	兩邊都不允許有浮動物件

 

float:

該屬性的值指出了對象如何浮動.

預設值:none

取值	描述
none	對象不漂浮
left	文字資料流向對象的右邊
right	文字資料流向對象的右邊

 

例子:

例子	效果
<div style="float:left"> 天津 </div> <div> 電腦 </div> <style type="text/css"> div { border:dashed 1px black; width:150px; height:70px; scrollbar-track-color :ThreedDarkShadow; } </style>

 

clip:

檢索或設定對象的可視地區.可視地區之外的部分是透明的.

position屬性的值為absolute,此屬性才可以使用.

文法:

auto | rect(num,num,num,num)

預設值:auto

注意:必須要是元素的position屬性為absolute時才可以.clip裁切的計算座標都是以左上方即（0,0）點開始計算

取值	描述
none	對象無剪下.
rect(num num num num)	依據上-右-下-左的順序提供對象左上方的(0,0)座標計算的四個位移數值,其中任何一個值都可用auto替換,即此邊不剪下.

 例子:

例子	效果
<img src="1.jpg" style="position:absolute; clip:rect(0px 130px 60px 50px)" /> <img src="1.jpg" style="position:absolute; top:130px;"/>