Question

请有人告诉我为什么红色框出现在tex和其他文本区域（如他们应该）的textarea下面，但在Internet Explorer中，它们出现在textarea附近。

<!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/

Answer 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; }

框出现在Internet Explorer中的textarea下

1 个答案: