DIV+CSS在不同瀏覽器中的表現
來源:程序員人生 發布時間:2014-11-13 08:22:21 閱讀次數:3109次
在給員工培訓DIV+CSS的進程中,他們向我提出了很多問題,有些問題我自己也沒有想到過因而抽了些時間自己進行了1番實驗,全部實驗在IE7和Firefox中進行:
實驗1、如果1個div沒有指定border屬性那末這個div在閱讀器中會不會出現邊框呢?
結果:IE7:不會。Firefox:不會。
實驗2、如果1個div只指定了border屬性的粗細值,那末這個div在閱讀器中會不會現邊框呢?
結果:IE7:不會。Firefox:不會。
實驗3、如果1個div指定了border屬性的粗細值,并且也指定了border屬性的色彩值,那末這個div在閱讀器中會不會出現邊框呢?
結果:IE7:不會 Firefox:不會。
實驗4、如果1個div只指定了border屬性的粗細值,和樣式那末這個div在閱讀器中會不會出現邊框呢?
結果:IE7:會,默許色彩為黑色Firefox:會,默許色彩為黑色。
實驗5、如果1個div只指定了border屬性的樣式,那末這個div在閱讀器中會不會出現邊框呢?
結果:IE7:會,默許色彩為黑色 Firefox: 會,默許色彩為黑色。
實驗6、如果1個div沒有指定寬度和高度,那末這個div在閱讀器中會是甚么形狀?
結果:IE7:寬度為100%,高度為0 ;Firefox:寬度為100%,高度為0。
實驗7、如果1個div指定了寬度,沒有指定高度,那末這個div在閱讀器中會是甚么形狀?
結果:IE7:有1定的高度;Firefox:高度為0;
實驗8、兩個父子關系的div父:#father 子:#son 。CSS代碼以下:
#father{
border:solid red 1px;
height:300px;
width:100px;
}
#son
{
border:1px black solid;
margin-right:100px;
width:100%;
}
那末在閱讀器中father的實際寬度是多少呢?
結果:IE7:寬度為100px; Firefox:寬度為100px;
實驗9、如果1個div未指定其在頁面中的對齊方式,那末它在頁面中的位置怎樣?
結果:IE7:左對齊;Firefox:左對齊。
實驗10、兩個父子關系div,#father,#son 如果在father中指定text-align=center那末son在閱讀器的位置怎樣?
結果:IE7:相對father居中對齊;Firefox:相對father左對齊。
生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈