-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

添加

   .MultiSelectMenu { float: left; }

并设置clear: left在元素之后的div元素上。

于 2012-06-05T16:05:50.973 回答
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 回答