個性原創,打造品牌

拒絕模仿抄襲、拒絕模板建站;
多位資深網頁設計師同時設計,讓您優中選優;
網站獨一無二,品牌輕易提升...

了解詳情 >

代碼規范,國際標準

后臺php+mysql動態管理,功能強大,千萬級數據;
前臺div+css生成靜態,代碼精簡,訪問速度快,
符合w3c國際標準,兼容ie/火狐/蘋果等任意瀏覽器...

了解詳情 >

細微高效,全程無憂

域名一個,主機一臺;
主機BGP多線路,5G存儲空間,流量不限;
新聞錄入、圖片處理、數據備份、安全監測、網站升級...

了解詳情 >

移動時代,機不可失

全新視覺、創新操作;
跨平臺兼容,微信無縫對接;
不容錯過的手機網絡商機,不能錯過的手機網站時代...

了解詳情 >

搜索領先,鎖定訪客

在主流搜索引擎的搜索結果中,
網站的名稱,排在第一頁的第一名,
網站其他相關的3-5個關鍵詞,排在第一頁...

了解詳情 >

營銷利器,決勝千里

全國統一呼叫,品牌企業的象標志。
中國電信4008/4009、中國聯通4000/4006,號碼任選;
通話資費預存...

了解詳情 >
以“信”為主的服務理念,“源”為標桿的服務特點351532641點擊咨詢010-86203368聯系電話
CSS問題設計問題程序問題優化問題

CSS中關于float和clear的問題

發布時間:2012-10-18      瀏覽次數:1001

< head>

< title>test

< style type="text/css">

body,div{margin:0; padding:0; }

.one{width:100px; height:30px; background:#900; float:left; clear:right;}

.two{width:150px; height:50px; background:#009; }

< /style>

< /head>

< body>

< div class="one">sometext.

< div class="two">sometext.

< /body>

< /html>

一、div中的text內容排布是什么規律,為什么text內同不會被遮蓋?

二、在.one中加入紅色clear后是不是應該清楚掉.one右側的浮動影響,也就是說右側不能出現浮動div,而在.two中加入floatleft.two仍舊像教程中一樣浮動橫向排列;

三、在.two中加入float后再加入clear:left就能實現清除掉浮動效果

解答:

第一點里面的TEXT內同(容?)不會被遮蓋是指two里面的嗎?我是這樣理解的,div是塊級元素,塊級元素之間默認的效果應該是你的第三張圖那樣,當你給.one一個左浮動后它就脫離了文檔流,所以.two就移上去了,但是.two里面的文字還是被擠下來了,那個高度剛好是.one的高度。

第二點,clear清除的不是自己的浮動,而是上一個標簽的浮動,所以你在.one里面加clear其實沒有任何作用,無論是clear:left,clear:right還是clear:both都一樣,像你說的,要清除掉浮動效果只能在.two里面加clear:left才行。

上一篇:CSS常用技巧總結(一)
下一篇:CSS強制中英文換行與不換行

Copyright©2016  xinycx.com  All Rights Reserved  北京信源創想科技有限公司  備案號:京ICP備17071760號
地址:北京市海淀區閔莊路門頭馨村北二區33號樓3單元102室  電話:010-86203368  

北京網站建設 北京網站制作 信源創想 品牌網站建設 企業網站建設 網站設計 APP開發 微信開發 前端切圖 DIV+CSS html5切圖 APP切圖

海南七星彩玩法