IE6、7下li元素的子元素爲dl,ul,ol時產生的bug

原創 perny 2020-07-05 23:44

話不多說，先看測試代碼

該段代碼在標準瀏覽器（包括IE8+）中的效果爲：

但在萬惡的IE6和IE7中的卻是這樣的：

外面看到li元素的子元素是列表元素時（既ul,ol,dl）,li的頂部會莫名其妙的空出一段來，就像是給li設了一個padding-top一樣。
解決方法：觸發li的hasLayout屬性，最好的方法是li設置 zoom:1

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

（單）標籤到底該不該閉合

<br> <hr> <input> <meta> <link> Google規定<br> 不需要“/” HTML 規定“/”可有可無 優點： 代碼整潔，現在新手比較喜歡不寫“/” 用自己的使用習慣就行，現今沒有統一標準

mwb310 2020-07-07 23:58:40

JQuery 實現圖片滑動實例

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ wi

WihauShe 2020-07-07 20:06:27

CSS基本使用

常用類型 .font{ /* 字體的類型 1.你寫的字體當前系統要支持 2.可以同時定義多個字體，用,隔開，會按順序查找，找到就試用那個字體 */ /* font-family:sans-serif,"隸書","t

WihauShe 2020-07-07 20:06:27

HTML | 的詳細屬性使用 名稱/值對

導讀：meta的屬性有name,http-equiv,content,charset 屬性（HTML5 新屬性）, scheme （已棄用）。 元素可提供相關頁面的元信息（meta-information），比如針對搜索引擎和更新

Uching 2020-07-07 03:33:57

【CSS基礎篇】——常用屬性

文字的設置 顏色 div{ color: #FF0000; color: red; color: rgb(255,0,0); color: rgba(255,0,0,0.5); } 設置顏色有以

V er 2020-07-06 18:33:44

【表格的應用】

首先，如何寫出一個簡單的表格 以下是一個最簡單的表格，每個單元格的大小是按照裏面的內容進行自動分配的，所以就會出現單元格不均等的情況 <table border="1" width="500" height="200">

V er 2020-07-06 18:33:43

【css的簡單引入】——適合新人小白

css是什麼？？？ css=層疊樣式表 它是用來裝飾body中的內容（博主認爲 css可以比喻成“裝修”） 一、引入方式 1 外部樣式表 <link rel="stylesheet " href="css/style.css"

V er 2020-07-06 18:33:43

【佈局——浮動佈局】

一、塊級元素&行級元素 塊級元素 div{ width: 200px; height: 200px; border: 1px solid #000000; } 特性 1、沒有設置寬高 默認寬度一整行 2、

V er 2020-07-06 18:33:43

HTML5入門基本標籤

一小白第一次總結了部分簡單的（剛接觸html5的一些標籤） 爲什麼會誕生html5？ html5相對於html4有哪些優點呢？？？ 1、語義化 2、便於閱讀 3、便於維護 4、利於seo搜索引擎搜索，優化 以下是代碼運行結果圖片，

V er 2020-07-06 18:33:43

DIV+CSS實現兩邊固定寬度,中間自適應寬度

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

perny 2020-07-05 23:44:51

CSS學習中十條速記口訣

如果在用CSS設計佈局時遇到BUG，請認真閱讀以下內容，非常容易記憶的，不知道哪位高人把CSS BUG編成了順口溜了！看看好不好記住呢？一、IE邊框若顯若無，須注意，定是高度設置已忘記；二、浮動產生有緣故，若要父層包含住，緊跟浮動要清除，

ottozy 2020-07-04 17:52:36

【HTML】HTML 鼠標懸停於圖片顯示文字

在 img 元素中添加 title 屬性： <img src="images/logo.gif" alt="bupt_logo" title="bupt"/>

symsmile 2020-07-04 10:38:58

CONMISANMA的正確答案——CSS實現左右居中

這裏發佈的代碼全部都是經過我測試的，所以可以直接複製後使用。幾年以前記下的一條代碼，忘了轉載的人。在此表示感謝。測試系統：DEEPIN LINUX 15.6測試軟件：NETBEANS 8.2測試瀏覽器：Chrome 版本 63.0.323

CONMISANMA的正确答案 2020-07-04 01:50:48

vue-cli3中使用rem自適應

安裝 npm install postcss-px2rem --save 在vue.config.js中增加配置 const px2rem = require('postcss-px2rem'); const postcss = px

jinmo277 2020-07-02 03:09:25

vue 消息無縫滾動

<div class="fix-vote"> <div class="vote-list-box" :class="{ anim: animate }"> <div class="vote-item" v-for="(ite

jinmo277 2020-07-02 03:09:25