div層的排列css,相容ie,ff等主流瀏覽器

時間 2022-03-16 15:22:29

1樓:驚寒唱晚

基於你這個要求:

xhtml code:

div3

div1

div2

css code:

body

#divall

.div1

.div2

.div3

附效果圖一張,如下所示:

2樓:雜貨鋪小店

css**:

div**:

3樓:打濕的楓

你這個實現是很好實現的,問題的關鍵在於相容,ie和火狐在處理border的時候有區別:ie的width是包含邊框border的,總的寬度是width(包含兩個邊框,實際內容區是198px;);火狐不包含邊框,總的寬度=(width的值+邊框border*2);如果說你想讓div1佔的實際寬度是200px(包含邊框);應該這樣:width:

198px !important;width:200px;border:

1px solid red;要寫兩個width而且順序不能變;解釋的時候,ie是按順序先看到198px;又看到200px;最終按200px執行,包含邊框的總的寬度是200px;因為ie不認識「!important」;火狐執行的時候是按照width:198 !

important執行的,因為!important告訴火狐這個的優先順序更高!執行之後是198px內容區+2px邊框=總的寬度是200px;和ie是一樣的,相容了!

說的有點繁瑣,見諒.....

js同時顯示多個同id的div層

var divs document.all.divsid for var i 0 i js控制多個div顯示與隱藏的問題。你id都重複了當然不好用,我看的意思是下半部分成三個部分,如果是這個意思的話,那就把他們用三個div分別包起來。如下 111111 222222 333333 444444 55...

通過js彈出的浮動div層,居中於視窗中

可以遮擋ie6下的select元素 但是在ie6下div沒有透明度 彈出的div可以一直在瀏覽器螢幕中間顯示 已經測試通過,在ie,firefox,opera,flock下測試通過,tt是ie的核心,如果tt不過那ie也不會過。是不是你的瀏覽器沒有設定js執行?把style裡面的left和top拿到...

怎麼通過js清空div中的內容,刪除div中的內容 ,但是保留這個div 怎麼辦?求js方法!!!

document.getelementbyid bigdraw innerhtml bigdraw html 清空div內容 兩種都可以 j ascript怎麼清空乙個div裡面的內容 document.getelementbyid div1 innerhtml 或 div1 innerhtml 刪...

根據div的id獲取該div在父元素中的索引

這兩個答案都是對的 實驗一下 我要怎麼取得父級div的id呢?var parent child.parentnode 這個是js獲取父元素 用jquery 頁面引入jquery後 img parent attr id 開始你給我的私信有回給你了 你去看看 怎麼用css 實現子元素在父元素水平居中,比...

div的display和visible的區別

visibllity控制元素是否可見,display控制元素如何顯示。調整visibllity,控制元素可以被看到或者不能看到。調整display,控制元素與其他相鄰元素的相對位置關係。有點像word裡面插入 的各種布局方式。舉個例子 當visibllity可見時,display為none,該元素看...