0

请有人告诉我为什么红色框出现在 chrome 和其他文本区域下方（应该如此），但在 Internet Explorer 中，它们出现在文本区域旁边。

<!DOCTYPE html>
<html>
<head>
  <title>test</title>
  <style>
    .wrapper { width: 760px; }
    textarea { float: left; width: 100%; height: 200px;}
    textarea { box-sizing: border-box; }
    li { float: left; margin: 10px; width: 175px; height: 175px; background-color: red; }
    fieldset{ margin: 0; padding: 0; border: 0; }
  </style>

</head>
<body>

  <div id="content" class="wrapper">
    <form>
      <textarea></textarea>
      <fieldset>
        <ul>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
        </ul>
      </fieldset>
    </form>
  </div>

</body>
</html>

http://jsfiddle.net/deathwishdave/s9wct/1/

4

1 回答 1

1

试试下面的。

假设我正确解释了您的请求，它似乎对我有用。

     .wrapper { width: 760px; }
    textarea { float: left; width: 100%; height: 200px; display: block; }
    textarea { box-sizing: border-box; }
    li { float: left; margin: 10px; width: 175px; height: 175px; background-color: red; }
    fieldset{ margin: 0; padding: 0; border: 0; display: inline; }
于 2013-10-07T15:12:22.840 回答