タグdisplay_html/css_WEB-ITnose を使用しない理由

図に示すように、合計 7 つの

タグがありますが、最初の 5 つだけが表示されます。なぜ最後の 2 つがソース コードで正しく表示されないのかわかりません。最後の 2 つは Dreamweaver でも見ることができます。エフェクトは消えていますが、Web ページ上では消えています

ディスカッションに返信 (解決策)

コードを投稿してください。

  <center>  <table width="587" align="center">    <tr>      <td align="left" style="color:black">      <ul class="list" id="hotInfo">      <li><a title='1111'  ><input type="checkbox" value="1111" name="articleId"/><a href='www.baidu.com' target="_blank">11111</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href='www.baidu.com'>222</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href=''>3333333</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href=''>444444</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href=''>5555555</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href=''>666</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href=''>777777777</a><br/>      </li>      </ul>      </td>    </tr>  </table>  </center>

関連CSSコード:

.list {height:140px;overflow:hidden;}.list li {float:left;width:405px;height:27px;line-height:27px;color:#888;overflow:hidden;background:url(../images/arrow.gif) no-repeat 0 6px;padding-left:15px;border-bottom:1px dotted #D8EBF9;}.list li a {color:#005494;padding:0 5px;}

高さの問題?

身長の問題？

はい。 ul の高さが .list クラスで定義されている 140px を超えています。次のスタイルを削除してください。

.list {	height:140px;	overflow:hidden;}

4 階の返信からの引用:

身長の問題?


はい。 ul の高さが .list クラスで定義されている 140px を超えています。次のスタイルを削除してください。
CSS コード
.list {
height:140px;
overflow:hidden;

自動高さに設定することもできます

はい、はい、はい、以前は CSS の値に注意を払いませんでした。コードを投稿した後に気づきました。皆さん、ありがとうございます、それは高度の問題です。 ！