溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了css中的clear屬性有什么用，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
cssclear屬性怎么用？
clear屬性規定元素的哪一側不允許其他浮動元素。
語法：
clear:left|right|both|none|inherit;
屬性值：
●left：在左側不允許浮動元素。
●right：在右側不允許浮動元素。
●both：在左右兩側均不允許浮動元素。
●none：默認值。允許浮動元素出現在兩側。
●inherit：規定應該從父元素繼承clear屬性的值。
說明：
clear屬性定義了元素的哪邊上不允許出現浮動元素。在CSS1和CSS2中，這是通過自動為清除元素（即設置了clear屬性的元素）增加上外邊距實現的。在CSS2.1中，會在元素上外邊距之上增加清除空間，而外邊距本身并不改變。
不論哪一種改變，最終結果都一樣，如果聲明為左邊或右邊清除，會使元素的上外邊框邊界剛好在該邊上浮動元素的下外邊距邊界之下。
注釋：所有主流瀏覽器都支持clear屬性。任何版本的InternetExplorer（包括IE8）都不支持屬性值"inherit"。
cssclear屬性示例
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<style>
img
{
float:left;
}
p.clear
{
clear:both;
}
</style>
</head>
<body>
<imgsrc="logocss.gif"width="95"height="84"/>
<p>Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.</p>
<p>Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.</p>
<br>
<p>使用clear:both清除浮動：</p>
<imgsrc="logocss.gif"width="95"height="84"/>
<p>Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.</p>
<pclass="clear">Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.</p>
</body>
</html>
感謝你能夠認真閱讀完這篇文章，希望小編分享的“css中的clear屬性有什么用”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
