課程
/后端開(kāi)發(fā)
/Java
/使用Struts2+Hibernate開(kāi)發(fā)學(xué)生信息管理功能
每個(gè)瀏覽器顯示的內(nèi)容都不一樣，谷歌瀏覽器完美符合，怎么解決呢？
2017-06-05
源自：使用Struts2+Hibernate開(kāi)發(fā)學(xué)生信息管理功能 2-7
正在回答
1.居中問(wèn)題
div里的內(nèi)容，IE默認(rèn)為居中，而FF默認(rèn)為左對(duì)齊，可以嘗試增加代碼margin: 0 auto;2.高度問(wèn)題
兩上下排列或嵌套的div，上面的div設(shè)置高度(height)，如果div里的實(shí)際內(nèi)容大于所設(shè)高度，在FF中會(huì)出現(xiàn)兩個(gè)div重疊的現(xiàn)象；但在IE中，下面的div會(huì)自動(dòng)給上面的div讓出空間所以為避免出現(xiàn)層的重疊，高度一定要控制恰當(dāng)，或者干脆不寫(xiě)高度，讓他自動(dòng)調(diào)節(jié)，比較好的方法是 height:100%;但當(dāng)這個(gè)div里面一級(jí)的元素都float了的時(shí)候，則需要在div塊的最后，閉和前加一個(gè)沉底的空div，對(duì)應(yīng)CSS是：.float_bottom {clear:both;height:0px;font-size:0px;padding:0;margin:0;border:0;line-height:0px;overflow:hidden;}3.clear:both;
不想受到float浮動(dòng)的，就在div中寫(xiě)入clear:both;4.IE浮動(dòng) margin產(chǎn)生的雙倍距離
#box { ? ? ? ?float:left; ? ? ? ?width:100px; ? ? ? ?margin:0 0 0 100px; //這種情況之下IE會(huì)產(chǎn)生200px的距離 ? ? ? ?display:inline; //使浮動(dòng)忽略 ? ?}5.padding問(wèn)題
FF設(shè)置 padding 后，div會(huì)增加 height 和 width，但I(xiàn)E不會(huì) （* 標(biāo)準(zhǔn)的 XHTML1.0 定義 dtd 好像一致了）高度控制恰當(dāng)，或嘗試使用 height:100%;寬度減少使用 padding但根據(jù)實(shí)際經(jīng)驗(yàn)，一般FF和IE的 padding 不會(huì)有太大區(qū)別，div 的實(shí)際寬 = width + padding ，所以div寫(xiě)全 width 和 padding，width 用實(shí)際想要的寬減去 padding 定義。
6.div嵌套時(shí) y軸上 padding和 marign的問(wèn)題
FF里 y 軸上 子div 到 父div 的距離為 父padding + 子marign ? ?IE里 y 軸上 子div 到 父div 的距離為 父padding 和 子marign 里大的一個(gè) ? ?FF里 y 軸上 父padding=0 且 border=0 時(shí)，子div 到 父div 的距離為0，子marign 作用到 父div 外面
7.padding，marign，height，width的傻瓜式解決技巧
注意是技巧，不是方法： ? 寫(xiě)好標(biāo)準(zhǔn)頭 ? ?<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> ? ?<html xmlns=”http://www.w3.org/1999/xhtml”> ? ?高盡量用padding，慎用margin，height盡量補(bǔ)上100%，父級(jí)height有定值子級(jí)height不用100%，子級(jí)全為浮動(dòng)時(shí)底部補(bǔ)個(gè)空clear:both的div寬盡量用margin，慎用padding，width算準(zhǔn)實(shí)際要的減去padding
8.列表類(lèi)
1. ul標(biāo)簽在FF中默認(rèn)是有 padding值的，而在IE中只有margin有值先定義 ul {margin:0;padding:0;} ? 2. ul和ol列表縮進(jìn)問(wèn)題消除ul、ol等列表的縮進(jìn)時(shí)，樣式應(yīng)寫(xiě)成: {list-style:none;margin:0px;padding:0px;}
舉報(bào)
Strust2+Hibernate整合開(kāi)發(fā)案例，Java Web開(kāi)發(fā)技能更上一層樓
1 回答頁(yè)面樣式不兼容
2 回答為什么瀏覽器一縮小，樹(shù)形菜單還在，列表的內(nèi)容就看不見(jiàn)了
1 回答為什么用eclipse自己的瀏覽器顯示的頁(yè)面一些css樣式?jīng)]有表現(xiàn)出來(lái)？我用360急速瀏覽器卻可以？這是為什么？eclipse自帶的瀏覽器和360瀏覽器有什么區(qū)別？eclipse自帶的瀏覽器為什么不能顯示出正確的效果？這是為什么？如下圖：
3 回答網(wǎng)頁(yè)在360極速瀏覽器會(huì)變形的，在google不會(huì)
1 回答為什么我的jsp頁(yè)面沒(méi)有顯示出來(lái)信息啊，控制臺(tái)顯示也沒(méi)有報(bào)錯(cuò)，雖然沒(méi)有白框但是確實(shí)可以輸入，可能是瀏覽器問(wèn)題，但是不至于內(nèi)容也不顯示
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-06-29
1.居中問(wèn)題
div里的內(nèi)容，IE默認(rèn)為居中，而FF默認(rèn)為左對(duì)齊，可以嘗試增加代碼margin: 0 auto;
2.高度問(wèn)題
兩上下排列或嵌套的div，上面的div設(shè)置高度(height)，如果div里的實(shí)際內(nèi)容大于所設(shè)高度，在FF中會(huì)出現(xiàn)兩個(gè)div重疊的現(xiàn)象；但在IE中，下面的div會(huì)自動(dòng)給上面的div讓出空間所以為避免出現(xiàn)層的重疊，高度一定要控制恰當(dāng)，或者干脆不寫(xiě)高度，讓他自動(dòng)調(diào)節(jié)，比較好的方法是 height:100%;但當(dāng)這個(gè)div里面一級(jí)的元素都float了的時(shí)候，則需要在div塊的最后，閉和前加一個(gè)沉底的空div，對(duì)應(yīng)CSS是：.float_bottom {clear:both;height:0px;font-size:0px;padding:0;margin:0;border:0;line-height:0px;overflow:hidden;}
3.clear:both;
不想受到float浮動(dòng)的，就在div中寫(xiě)入clear:both;
4.IE浮動(dòng) margin產(chǎn)生的雙倍距離
#box {
? ? ? ?float:left;
? ? ? ?width:100px;
? ? ? ?margin:0 0 0 100px; //這種情況之下IE會(huì)產(chǎn)生200px的距離
? ? ? ?display:inline; //使浮動(dòng)忽略
? ?}
5.padding問(wèn)題
FF設(shè)置 padding 后，div會(huì)增加 height 和 width，但I(xiàn)E不會(huì) （* 標(biāo)準(zhǔn)的 XHTML1.0 定義 dtd 好像一致了）高度控制恰當(dāng)，或嘗試使用 height:100%;寬度減少使用 padding但根據(jù)實(shí)際經(jīng)驗(yàn)，一般FF和IE的 padding 不會(huì)有太大區(qū)別，div 的實(shí)際寬 = width + padding ，所以div寫(xiě)全 width 和 padding，width 用實(shí)際想要的寬減去 padding 定義。
6.div嵌套時(shí) y軸上 padding和 marign的問(wèn)題
FF里 y 軸上 子div 到 父div 的距離為 父padding + 子marign
? ?IE里 y 軸上 子div 到 父div 的距離為 父padding 和 子marign 里大的一個(gè)
? ?FF里 y 軸上 父padding=0 且 border=0 時(shí)，子div 到 父div 的距離為0，子marign 作用到 父div 外面
7.padding，marign，height，width的傻瓜式解決技巧
注意是技巧，不是方法：
? 寫(xiě)好標(biāo)準(zhǔn)頭
? ?<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
? ?<html xmlns=”http://www.w3.org/1999/xhtml”>
? ?高盡量用padding，慎用margin，height盡量補(bǔ)上100%，父級(jí)height有定值子級(jí)height不用100%，子級(jí)全為浮動(dòng)時(shí)底部補(bǔ)個(gè)空clear:both的div寬盡量用margin，慎用padding，width算準(zhǔn)實(shí)際要的減去padding
8.列表類(lèi)
1. ul標(biāo)簽在FF中默認(rèn)是有 padding值的，而在IE中只有margin有值
先定義 ul {margin:0;padding:0;}
? 2. ul和ol列表縮進(jìn)問(wèn)題消除ul、ol等列表的縮進(jìn)時(shí)，樣式應(yīng)寫(xiě)成: {list-style:none;margin:0px;padding:0px;}