【靜態(tài)頁面架構(gòu)】CSS之定位

scq000 發(fā)布于2019-08-29 16:34 / 2943人閱讀

摘要：架構(gòu)浮動是以屬性設(shè)置容器指定的位置當(dāng)前元素設(shè)置為浮動后，只影響當(dāng)前元素后面的所有元素的位置塊級元素不再獨占一行，多元素之間會水平方向排列設(shè)置浮動后，會從頁面的文檔流脫離默認(rèn)寬度是父級寬度的高度是后者的所有元素高度之和左浮動寬度默認(rèn)是

CSS架構(gòu) 1.浮動；

是以float屬性設(shè)置容器指定的位置

塊級元素；

不再獨占一行，多元素之間會水平方向排列設(shè)置浮動后，會從頁面的文檔流脫離

示意圖；

內(nèi)聯(lián)元素；




呼延覺羅
愛新覺羅

示意圖；

清除浮動；

以clear屬性來設(shè)置清除浮動

示意圖；

高度塌陷；

在沒有給父級容器設(shè)置高度，而且設(shè)置子元素浮動，父級失去高度

示意圖；

云服務(wù)器 GPU云服務(wù)器架構(gòu)之坑系列定位頁面 jsp 設(shè)置頁面之企業(yè)it架構(gòu)轉(zhuǎn)型之道

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/113831.html

相關(guān)文章

【靜態(tài)頁面架構(gòu)】CSS之選擇器

摘要：架構(gòu)基本選擇器元素選擇器通過元素名稱定位頁面元素類選擇器通過元素的屬性定位頁面元素選擇器通過元素的屬性定位頁面元素屬性必須是唯一的通配符選擇器匹配當(dāng)前頁面中所有元素元素選擇器通過元素名稱定位頁面元素定位頁面中一類元素選擇器通過元素的屬性定位 CSS架構(gòu) 基本選擇器元素選擇器:通過元素名稱定位頁面元素類選擇器:通過元素的class屬性定位頁面元素 ID選擇器:通過元素的ID屬性定位...

Lowky 2019-08-29 16:32 評論0 收藏0
【靜態(tài)頁面架構(gòu)】CSS之鏈接和圖像

CSS架構(gòu) 一。鏈接: 鏈接元素:通過使用a元素的href屬性設(shè)置跳轉(zhuǎn)到指定頁面地址 a{ color: blue; text-decoration: none; } a:hover{ cursor:default; text-decoration:...

jlanglang 2019-08-29 16:32 評論0 收藏0
【靜態(tài)頁面架構(gòu)】HTML之布局

摘要：一布局水平居中第一種居中方式以屬性設(shè)置父級元素和設(shè)置行內(nèi)塊級元素將屬性設(shè)置父級元素設(shè)置文本內(nèi)容水平方向居中設(shè)置行內(nèi)塊級元素愛新覺羅呼延覺羅第二種居中方式以設(shè)置塊級元素和外邊距特性來設(shè)置外邊距實現(xiàn)水一.布局； 1.水平居中第一種居中方式；以text-align屬性設(shè)置父級元素和設(shè)置行內(nèi)塊級元素 body{ text-align: cente...

imtianx 2019-08-02 11:21 評論0 收藏0
構(gòu)建靜態(tài)頁面之 [ 定位 ]

摘要：定位屬性表示設(shè)置定位絕對定位固定定位相對定位絕對定位表示設(shè)置絕對定位絕對定位的注意設(shè)置絕對定位后，當(dāng)前元素脫離文檔流如果指定元素的父級元素是元素該元素就是相對于當(dāng)前頁面的定位如果指定元素的父級元素不是元素，父級元素沒有開啟定位該元素就定位 position屬性表示設(shè)置定位絕對定位固定定位相對定位絕對定位 position : absolute - 表示設(shè)置絕對定位...

bingchen 2019-08-29 16:31 評論0 收藏0
構(gòu)建靜態(tài)頁面之 [ 定位 ]

摘要：定位屬性表示設(shè)置定位絕對定位固定定位相對定位絕對定位表示設(shè)置絕對定位絕對定位的注意設(shè)置絕對定位后，當(dāng)前元素脫離文檔流如果指定元素的父級元素是元素該元素就是相對于當(dāng)前頁面的定位如果指定元素的父級元素不是元素，父級元素沒有開啟定位該元素就定位 position屬性表示設(shè)置定位絕對定位固定定位相對定位絕對定位 position : absolute - 表示設(shè)置絕對定位...

ISherry 2019-08-02 16:31 評論0 收藏0