-2

幅と高さをデータ ブロックのコンテンツ内に自動的に調整する必要があるデータ ブロックが必要です。表示スタイルがinline-blockの DIV タグ内にコンテンツを配置することで実現しました。DOCTYPE タグが存在する場合、すべてのブラウザーで正常に動作します。DOCTYPE がない場合、IE では動作しません (div の幅はブラウザの幅に調整されます)。ただし、他のブラウザでは動作します。解決策または代替手段はありますか....？どんな体でも助けてくれませんか....

ここに私のコードがあります

<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style>
   .MultiSelectMenu{
     border:1px solid black;
     display:inline-block;
    }
   .MultiSelectMenu ul{
     margin:0px;
     padding:0px;
   }
  .MultiSelectMenu ul li{
    list-style:none;
    background:#abc4c9;
    border-bottom:1px solid #354e53;
    padding:2px 4px 2px 4px;
    cursor:pointer;
  }
  </style>
 </head>

 <body>
   <div class="MultiSelectMenu" >
     <ul>
       <li>Telugu</li>
       <li>Hindi</li>
       <li>English</li>
       <li>Marathi</li>
       <li>Kannada</li>
       <li>Malayalam</li>
     </ul>
  </div>
 </body>
</html>
4

2 に答える 2

1

Left Float を .MultiSelectMenu に追加し、div の操作が完了したら、clear:both または left スタイルを持つ最後の .MultiSelectMenu div の終了タグの直後に空の div を追加して、div フロートをクリアすることができます。

例：

.clear {
  clear:both; // or left
}

html:

<div class="clear"></div>
于 2012-06-05T18:04:03.100 に答える
1

追加

   .MultiSelectMenu { float: left; }

clear: left要素の直後の要素に設定しdivます。

于 2012-06-05T16:05:50.973 に答える