頁面設計中a標籤內巢狀div標籤的高度問題

2021-06-01 19:22:47 字數 647 閱讀 7914

偶然設計乙個小頁面,發現的這個問題,為了簡單說明,附上**(utf-8)

很簡單,就是避免使用指令碼(這裡的指令碼是為了debug,顯示div的位置大小),實現滑鼠經過的時候,更換div的背景,按照上面的**,完全沒有問題了(ie6截圖):

這時候,發現這些div都不見了!,哪個「a」的「href」不是「#」,哪個就消失!

對於火狐(firefox),連是「#」的時候,也是不見的,更加悲慘!

主觀感覺是行高等問題,因為火狐對於沒有內容的元素,將會渲染為0x0大小!於是改了**:

這下,firefox中只有滑鼠經過的時候出現,ie6只有空格部分出現,沒有加空格( )的依舊沒有。

頭痛了很久,仍然得不到解決,嘗試了a:link,a:active這兩個是鏈結一般和被按下的狀態,介面更蛋疼,ff下直接消失。

更嚴重的是,在除錯過程中,ie6直接爆出0x00000指令錯誤的崩潰資訊,第二次開啟,在去除line-height和font-size屬性後,滑鼠選中div標籤(全選)直接退出!

後來發現,前面的情況用滑鼠全選都崩潰退出,微軟!!!

目前正在研究,惹毛我就逆向,結果再另文與大家分享吧,也希望知道解決方法的同志不吝賜教!

關於a標籤內巢狀a標籤的解決方案

那些在a標籤內巢狀a標籤時,遇到的那點坑。當我們直接在html中寫入 body a href 我是第乙個標籤 a href 我是巢狀的a標籤 a a body 瀏覽器會將其解析為 這並不是我們希望看到的結果。一般的解決方法是將內層a標籤放入標籤內,body a href 我是第乙個標籤 object...

DIV CSS 設計的頁面,DIV高度自適應問題

解決方法 方法1 在內層元素的最後面加入乙個元素,並且設定這個元素不浮動,強制使外層元素包裹內層元素如 方法2 設定外層元素css屬性overfloat為hidden或者auto,zoom設定為1,設定zoom是為了相容ie6 方法4 clearfix after 方法3 設定外層元素高度為乙個固定...

關於HTML中a標籤的巢狀

最近有乙個需求,需要在乙個a標籤中巢狀另乙個a標籤,以此跳轉不同的鏈結,行嘛,寫嘛。大 小咋辦?咋整?有兩個解決方案 大 小就是這樣,瀏覽器會解析成 這樣就實現了a標籤的巢狀。這個方法在一般瀏覽器上都麼得問題 除了ie8 父的a標籤的設定display block或者display inline b...