ie9瀏覽器中h標籤的巢狀問題

2022-08-01 05:03:10 字數 1246 閱讀 7989

ie9中 h1-h6 標籤中不能夠巢狀h1-h6標籤,否則往下看吧。

舉個栗子:

我們要實現h1下的兩個div實現左右分離,很簡單吧?

看看html結構及css吧

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>h標籤巢狀問題

title

>

<

style

>*h1

.left

.right

style

>

head

>

<

body

>

<

h1>

<

div

class

="left"

>

<

p>我是左邊的div

p>

div>

<

div

class

="right"

>

<

h2>我是右邊的div

h2>

<

p>看清楚我的位置

p>

div>

<

div

style

="clear: both"

>

div>

h1>

body

>

html

>

再看看效果

ie678也均正常,但是到了ie9...

咦?這是什麼鬼,讓我們審查元素看看

我那個去,這結構是什麼鬼呀,本來在h1子層的right 跑到跟h1同級了,但是原本的right盒子還在,內容卻消失了。

還是默默的把h1下的h2換成了其他的標籤(不是h標籤就行)。

ps:不要問我為什麼用h2包住內容,我不會告訴你的 0.0

IE9是最佳瀏覽器?

據cnet科技資訊網11月10日國際報道,一開始只是個意外 乙個專為宣傳用的部落格貼出了微軟最新版的internet explorer 9 ie9 但不到乙個星期內,錯誤的資訊就馬上傳遍了整個軟體市場。瀏覽器市場早在一年前就已經是競爭激烈,但目前正在進行beta測試的ie9的出現,則是讓競爭更加激烈...

IE9是最佳瀏覽器?

據cnet科技資訊網11月10日國際報道,一開始只是個意外 乙個專為宣傳用的部落格貼出了微軟最新版的internet explorer 9 ie9 但不到乙個星期內,錯誤的資訊就馬上傳遍了整個軟體市場。瀏覽器市場早在一年前就已經是競爭激烈,但目前正在進行beta測試的ie9的出現,則是讓競爭更加激烈...

為什麼vue支援IE9以上的IE瀏覽器?

為什麼vue支援ie9以上的ie瀏覽器?原因如下 1 vue框架中核心的雙向繫結原理是利用object.defineproperty 方法實現的。2 該方法第乙個被實現是在ie8中,但是存在諸多限制 只能在dom物件上使用這個方法,而且只能建立訪問器屬性 資料屬性無法訪問 3 ie9中沒有限制,因此...