CSS–布局(Layout)

來源:互聯網
上載者:User

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;"/>
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.