Question

我正在使用dd标签但是ie / firefox显示不同的

1.ie 正常观点：没有填充，没有边距 2.firefix 奇怪的观点：一些填充或一些边缘

html源代码是

dd tag align is left，no margin，padding

html来源

<STYLE>
.sortable { list-style-type: none; margin: 0 0 0 0 ; padding: 0 0 0 0; width: 100%; float:left; }
.sortable li { float:left; width:100%; }
.sortable li dd { 
    float:left;
    text-align:left;
    border:thin inset;  
}
.sortable #topmenu dd { background-color:#e7e7e7;}
.sortable li .seq {width:4%;}
.sortable li .mdp {width:11%;}
.sortable li .korname {width:10%;}
.sortable li .chrCd {width:10%;}
.sortable li .name {width:30%;}
.sortable li .direct {width:18%;}
.sortable li .result {width:7%;}
.liList { 
    font-family: 굴림,arial;
    font-size: 9pt;
    line-height: 11pt;
    text-decoration: none;
    height:17px;
    text-align:center;      
}       
</STYLE>
<div>
<ul class="sortable">
    <li class="liList" id="topmenu">
        <dd class="seq"><b>번호</b></dd>
        <dd class="mdp"><b>MDP구분</b></dd>
        <dd class="korname"><b>학습단계</b></dd>
        <dd class="chrCd"><b>강좌코드</b></dd>
    </li>
</ul>
<ul id="sortable" class="sortable"> 
    <li class="liList">
            <dd class="seq" id="re">5</dd>
            <dd class="mdp">MDP</dd>
            <dd class="korname">특강</dd>
            <dd class="chrCd" id="chrCd_1">12131</dd>
    </li>   
    <li class="liList">
            <dd class="seq" id="re">4</dd>
            <dd class="mdp">MDP</dd>
            <dd class="korname">문제풀이</dd>
            <dd class="chrCd" id="chrCd_2">12227</dd>
    </li>   
    <li class="liList">
            <dd class="seq" id="re">3</dd>
            <dd class="mdp">MDP</dd>
            <dd class="korname">특강</dd>
            <dd class="chrCd" id="chrCd_3">12215</dd>
    </li>   
    <li class="liList">
            <dd class="seq" id="re">2</dd>
            <dd class="mdp">MDP</dd>
            <dd class="korname">기본완성</dd>
            <dd class="chrCd" id="chrCd_4">12171</dd>
    </li>   
    <li class="liList">
            <dd class="seq" id="re">1</dd>
            <dd class="mdp">MDP</dd>
            <dd class="korname">기본완성</dd>
            <dd class="chrCd" id="chrCd_5">12147</dd>
    </li>   
</ul>

为什么不同的表演？

Answer 1

DD标签只能出现在DL中，并且应附带DT。在我看来你应该使用这样的UL和LI：

<ul class="sortable">
    <li class="liList" id="topmenu">
        <ul>
          <li class="seq"><b>번호</b></li>
          <li class="mdp"><b>MDP구분</b></li>
          <li class="korname"><b>학습단계</b></li>
          <li class="chrCd"><b>강좌코드</b></li>
        </ul>
    </li>
</ul>

html dd标签问题

1 个答案: