框會出現在Internet Explorer的textarea下

Question

請有人告訴我，為什么紅色框會以鉻色顯示在文本區域下方，而其他人卻是（應該如此），但是在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/

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 個解決方案

解決方案1
1 已采納 2013-10-07 15:12:22

框會出現在Internet Explorer的textarea下

問題描述

1 個解決方案

解決方案1 1 已采納 2013-10-07 15:12:22

解決方案1
1 已采納 2013-10-07 15:12:22