css如何使用clear屬性

這篇文章主要介紹了css如何使用clear屬性，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)介紹好的網(wǎng)站是理念、設(shè)計(jì)和技術(shù)的結(jié)合。成都創(chuàng)新互聯(lián)公司擁有的網(wǎng)站設(shè)計(jì)理念、多方位的設(shè)計(jì)風(fēng)格、經(jīng)驗(yàn)豐富的設(shè)計(jì)團(tuán)隊(duì)。提供PC端+手機(jī)端網(wǎng)站建設(shè)，用營(yíng)銷思維進(jìn)行網(wǎng)站設(shè)計(jì)、采用先進(jìn)技術(shù)開源代碼、注重用戶體驗(yàn)與SEO基礎(chǔ)，將技術(shù)與創(chuàng)意整合到網(wǎng)站之中，以契合客戶的方式做到創(chuàng)意性的視覺化效果。

css clear屬性指定元素的左側(cè)或右側(cè)上不允許出現(xiàn)浮動(dòng)元素。可用于實(shí)現(xiàn)浮動(dòng)的清除，解決浮動(dòng)布局帶來的一些問題。

css clear屬性怎么用？

clear 屬性規(guī)定元素的哪一側(cè)不允許其他浮動(dòng)元素。

語法：

clear:left|right|both|none|inherit;

屬性值：

●　left：在左側(cè)不允許浮動(dòng)元素。

●　right：在右側(cè)不允許浮動(dòng)元素。

●　both：在左右兩側(cè)均不允許浮動(dòng)元素。

●　none：默認(rèn)值。允許浮動(dòng)元素出現(xiàn)在兩側(cè)。

●　inherit：規(guī)定應(yīng)該從父元素繼承 clear 屬性的值。

說明：

clear 屬性定義了元素的哪邊上不允許出現(xiàn)浮動(dòng)元素。在 CSS1 和 CSS2 中，這是通過自動(dòng)為清除元素（即設(shè)置了 clear 屬性的元素）增加上外邊距實(shí)現(xiàn)的。在 CSS2.1 中，會(huì)在元素上外邊距之上增加清除空間，而外邊距本身并不改變。

不論哪一種改變，最終結(jié)果都一樣，如果聲明為左邊或右邊清除，會(huì)使元素的上外邊框邊界剛好在該邊上浮動(dòng)元素的下外邊距邊界之下。

注釋：所有主流瀏覽器都支持 clear 屬性。任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

css clear屬性示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
img
{
float:left;
}
p.clear
{
clear:both;
}
</style>
</head>
<body>
<img src="logocss.gif" width="95" height="84" />
<p>This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</p>
<p>This is also some text. This is also some text. This is also some text. This is also some text. This is also some text.</p>
<br>
<p>使用clear:both清除浮動(dòng)：</p>
<img src="logocss.gif" width="95" height="84" />
<p>This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</p>
<p class="clear">This is also some text. This is also some text. This is also some text. This is also some text. This is also some text. </p>
</body>
</html>

效果圖：

css如何使用clear屬性

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享css如何使用clear屬性內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!

網(wǎng)頁名稱：css如何使用clear屬性
本文來源：http://www.rwnh.cn/article28/jichcp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、全網(wǎng)營(yíng)銷推廣、App設(shè)計(jì)、網(wǎng)站策劃、域名注冊(cè)、網(wǎng)站設(shè)計(jì)公司

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

css如何使用clear屬性