在IE中没有DOCTYPE的块不起作用

2018-06-27 01:34:29

我想要一个数据块，它的宽度和高度必须自动调整到数据块的内部内容。我通过将内容放入显示样式为内联块的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>

加

   .MultiSelectMenu { float: left; }

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

您可以将左浮动添加到.MultiSelectMenu，并且当您完成divs时。在最后一个.MultiSelectMenu div的结束标记之后添加空div，该div具有清除：双方或左方样式以清除div浮动。

例如：

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

HTML：

<div class="clear"></div>

链接地址: http://www.djcxy.com/p/75669.html

上一篇: block is not working without DOCTYPE in IE

下一篇: Centering An Inline