html - 使 Fieldset 边框匹配 TextArea

Question

使字段集周围的边框更贴合文本区域的最佳方法是什么？考虑:

<fieldset>
  <legend>Note Edit</legend>
  <textarea rows="30" cols="80" id="myTextArea">
  </textarea>
</fieldset>

...不幸的是，右侧的字段集边框一直延伸到浏览器屏幕的最右侧，在文本区域和字段集的右侧边框之间留下了间隙。

解决此问题的最佳方法是什么？ W3School's fieldset tag reference没有提到任何关于调整字段集或其边界的内容。

在 Win7 机器上使用 IE9。

Answer 1

只需添加以下 CSS:

fieldset {
    padding:0;
    display:inline;
}

字段集的边框几乎“附加”到文本区域。

你可以在这里看到这个-> http://jsfiddle.net/Cu2Nv/1