首頁 >web前端 >css教學 >CSS--佈局(Layout)

CSS--佈局(Layout)

巴扎黑
巴扎黑原創
2017-06-28 10:36:482178瀏覽

clear:

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

預設值:none

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

兩邊都不允許有浮動物件

float:

該屬性的值指出了物件如何浮動.取值
預設值:none
描述

#none

物件不漂浮

left文字流向物件的右邊
文字流向物件的右邊 right
CSS--佈局(Layout)

## 範例:

#範例

##

    <p>
        天津
    </p>
    <p>
        计算机
    </p>

    <style>
        p
        {
        	border:dashed 1px black;
        	width:150px;
        	height:70px;
        	scrollbar-track-color :ThreedDarkShadow;
        }
    </style>

CSS--佈局(Layout)

# position語法:注意:必須是元素的position屬性為absolute時才可以.clip裁切的計算座標都是以左上角即(0,0)點開始計算
clip: 檢索或設定物件的視覺區域.可視區域以外的部分是透明的.
屬性的值為absolute,此屬性才可以使用.
auto | rect(num,num,num,num) 預設值:auto

#以值
CSS--佈局(Layout)
############################################### ###########none######物件無剪切.#############rect(num num num num)######依據上-右-下-左的順序提供物件左上角的(0,0)座標計算的四個偏移數值,其中任何一個值都可用auto替換,即此邊不剪切.######## ######## 範例:##################範例#################################################### #######
    <img  alt="CSS--佈局(Layout)" >
    <img  alt="CSS--佈局(Layout)" >
######### #############

以上是CSS--佈局(Layout)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn