|
④萬能float 閉合(非常重要!)
關(guān)于 clear float 的原理可參見 [How To Clear Floats Without Structural Markup],將以下代碼加入Global CSS 中,給需要閉合的div加上 class="clearfix" 即可,屢試不爽.
/* Clear Fix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
或者這樣設置：.hackbox{ display:table; //將對象作為塊元素級的表格顯示}
９．高度不適應
高度不適應是當內(nèi)層對象的高度發(fā)生變化時外層高度不能自動進行調(diào)節(jié)，特別是當內(nèi)層對象使用margin 或paddign 時。
例：
#box {background-color:#eee; }
#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }
<div id="box">
<p>p對象中的內(nèi)容＜/p>
</div>
解決技巧：在P對象上下各加2個空的div對象CSS代碼：.1{height:0px;overflow:hidden;}或者為DIV加上border屬性。
10 .IE6下為什么圖片下有空隙產(chǎn)生
解決這個BUG的技巧也有很多,可以是改變html的排版,或者設置img 為display:block 或者設置vertical-align 屬性為vertical-align:top
bottom middle text-bottom 都可以解決.
11.如何對齊文本與文本輸入框
加上 vertical-align:middle;
<style type="text/css">
<!--
input {
width:200px;
height:30px;
border:1px solid red;
vertical-align:middle;
}
-->
</style>
12.web標準中定義id與class有什么區(qū)別嗎
一.web標準中是不容許重復ID的,比如 div id="aa" 不容許重復2次,而class 定義的是類,理論上可以無限重復, 這樣需要多次引用的定義便可以使用他.
二.屬性的優(yōu)先級問題
ID 的優(yōu)先級要高于class,看上面的例子
三.方便JS等客戶端腳本,如果在頁面中要對某個對象進行腳本操作,那么可以給他定義一個ID,否則只能利用遍歷頁面元素加上指定特定屬性來找到它,這是相對浪費時間資源,遠遠不如一個ID來得簡單.
出處：web前端寒風
責任編輯：bluehearts
上一頁 CSS兼容性(IE和Firefox)技巧大全 [2] 下一頁 CSS兼容性(IE和Firefox)技巧大全 [4]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 3 頁 CSS兼容性(IE和Firefox)技巧大全 [3]
