1樓:
clear:both這個簡單的來說,清除左右的float元素,不允許兩邊有浮動元素,就是這個div獨佔一行,至於使用了clear:both並且float的div,前後若有行內元素,即inline,是會產生錯位或者block元素和inline元素重疊
2樓:
這個對於剛開始學div+css的人來說確實很糾結,我剛開是的時候也是這樣,不過我的理解就是「浮動」和「清楚浮動」float的翻譯就是浮動,至於是左浮動還是右浮動都一樣了,瀏覽器的文件流可以理解成都是釘在瀏覽器裡面的,而是用了浮動的東西呢就飄起來了,它會飄在瀏覽器的上面(當然不會飄出body去)。它飄起來了那它下面肯定就空了啊,空了瀏覽器就會吧釘在它上面的層填到它下面去,而瀏覽器是從左向右排列的,所以就出現了你看到的那些問題。
而用clear清楚浮動後就告訴瀏覽器下面的元素不受浮動的影響,也就是把浮動的層看成是不浮動的(可以這麼理解)然後讓瀏覽器繼續往下渲染。就解決了你說的問題了~
div+css中的 clear標籤中的clear:both,和clear:none是什麼意思 還有解釋下clear標籤的具體意思
3樓:
主要用來清除浮動的
div是要浮靠動來佈局的 但是你不想叫他浮動的時候就要清除浮動 用clear就行
clear left 就是清除左邊浮動 以此類推!
以後直接用clear兩者!
一般很多都是這樣用的!
要是用clear:left clear:right 這樣你容易混亂,還不如直接清除兩者來的清爽!
4樓:
首先更正一點clear不是一個標籤,它是css中的一個屬性。
其屬性值有四個clear:both|left|right|none;
簡單來說呢,clear屬性的作用就是「清除」浮動。
如果某元素設定clear:left;表示該元素左邊不存在浮動元素相應的,clear:right;表示該元素右邊不存在浮動元素;clear:
both;表示該元素兩邊都不存浮動元素。clear:none表示兩邊允許有浮動元素。
在視覺上要使某元素左邊或右邊不存在浮動元素,就只有它往下移一行,或浮動元素往下移一行。(這個元素肯定是不能將浮動元素清除的了,只是用這樣的方式達到頁面佈局的效果而已)
5樓:
clear:left //當你把div層的大小固定好的時候,隱藏多餘的左邊部分
clear:right //當你把div層的大小固定好的時候,隱藏多餘的右邊部分
clear:both //該屬性的值指出了不允許有浮動物件的邊例子:這個是第1列,
這個是第2列,
這個是列的下面。
如果不用清除浮動,那麼第3個的文字就會和第一二行在一起所以我們在第3個這利加一個清除浮動。
這個是第1列,
這個是第2列,
這個是列的下面。
clear:none //預設值。 允許兩邊有浮動
6樓:
控制相鄰的浮動box的排列——clear
功能說明:控制相鄰的浮動box的排列。
可 取 值:none|left|right|both|inherit
初 始 值:none
應 用 到:塊級元素。
可否繼承:否。
詳細解釋:
① 當clear屬性應用於非浮動的塊級box時,屬性值的含義如下:
left:生成的box的頂邊距將增加,直到它的頂部邊緣出現在文件中之前元素產生的任何向左浮動的box的底外邊緣之下。
right:生成的box的頂邊距將增加,直到它的頂部邊緣出現在文件中之前元素產生的任何向右浮動的box的底外邊緣之下。
both:生成的box將移到源文件中之前元素產生的浮動box之下。
none:相當於浮動,box的位置沒有約束。
② 如果clear屬性設定在浮動元素上,那麼將導致對浮動定位的規則做修改,因此加入了以下額外的約束:
【浮動的頂部外邊緣必須在所有之前的左浮動box的底部邊緣之下(設定clear:left),或者必須在所有之前的右浮動box的底部邊緣之下(設定clear:left),或者兩者都要(設定clear:
both)。】
clear:both;在css中起什麼作用
7樓:在大別山燒烤的銀樺
清除當前定義的元素左右浮動
諸如:clear:left; //清除左浮動clear:right; //清除右浮動clear:both; //清除左右兩邊浮動
8樓:回憶
clear:both;在css中,首先我們理解一下clear,顧名思義就是清除的意思,both的意思是全部,那連起來就是清除全部樣式,不過這個樣式主要是用於對多個div浮動的清除,如float:left,如果不清除,很容易對下面的div造成顯示錯位,通過**來理解下:
我會在左邊
我會在右邊
我不會受flaot的影響。
9樓:
nei這個div使用float就是浮動,就好像飄起來了一樣,底下就空了,當neiright這個div不設定clear:both,就會出現neiright這個div出現在nei這個div下方
neiright這個div設定了clear:both後,就是清除左右浮動,效果是
div+css頁面中clear:both;具體怎麼應用?
10樓:
clear:both;
css手冊上這樣解釋的:該屬性的值指出了不允許有浮動物件的邊。
這個屬性是用來控制float屬性在文件流的物理位置的。
當屬性設定float(浮動)時,他所在的物理位置已經脫離文件流了,但是大多時候我們希望文件流能識別float(浮動),或者是希望float(浮動)後面的元素不被float(浮動)所影響,這個時候我們就需要用clear:both;來清除clear:both;
例子:這個是第1列,
這個是第2列,
這個是列的下面。
如果不用清除浮動,那麼第3個的文字就會和第一二行在一起所以我們在第3個這利加一個清除浮動。
這個是第1列,
這個是第2列,
這個是列的下面。
11樓:匿名使用者
clear定義了一個元素是否可以放置在它之前的浮動元素旁邊,或者必須向下移動在新行中放置https://www.apiref.
both:不允許有浮動物件
例子:我有浮動
我在列的下面。
12樓:月亮上的狗
在ie中會相容你一些問題 但是其它飛ie核心的就不管你了
所以在不需要一個div出現在另一個的同一行就用clear:both;吧
htmlcss網頁中中怎麼改變選擇框內字型的顏色
選項一選項二 選項三選項四選項五 效果如圖 這種寫法 ie10 以下完全不支援,其他瀏覽器支援的變化也十分有限。如果真的要改寫 select 的樣式,主流的做法 你可以參考 bootstrap 一類的前端樣式庫 都是用 div 或 li,配合 js 來模擬實現的。給 select 用color指定顏...
html css網頁中如何使我的頭像不隨著下拉選單移動而
position fiexd left px top px left,top自定義一個值 如何使網頁的背景 不隨著滾動條移動 使背景 固定?要 提示來 fixed表示指定的背景是永遠自固定的,即 背景 不隨bai著網頁的滾動du而滾動。通過此 zhi元素設定出的網頁dao效果在當今受到很多網路高手垂...
python問題,python中的,問題?
反轉一個list,返回一個迭代器 iterator 如 range 10 0,1,2,3,4,5,6,7,8,9 reversed range 10 x for x in reversed range 10 9,8,7,6,5,4,3,2,1,0 還可以這樣完成反轉 range 10 1 9,8,7...