0

在下面的代码中，TextBox 字段应该适合 Width 和 Height div#chat-message（间隙为2px），这在 Chrome 中可以看作是完美的，但在 IE8 或 Mozilla 中却不是。在 Mozilla 中，TextBox 字段也可以调整大小，这是我不希望发生的。

HTML

<!-- Nested in Div's -->
 <div id="chat-message-outline">
    <div id="chat-message">
        <asp:TextBox ID="txtmsg" BackColor="Transparent" runat="server"
                  Wrap="true" BorderStyle="None" TextMode="MultiLine" />
    </div>
 </div>

CSS

#chat-message-outline
{
  height: 20%;
  width: 100%;
  background-color: #D1D1D1;
  position: relative;
}

#chat-message, #txtmsg
{
  padding: 0;
  top: 2px;
  bottom: 2px;
  right: 2px;
  left: 2px;
  background-color: white;
  position: absolute;
  resize: none; /* CSS3 property */
}

请协助我制作此代码跨浏览器..

编辑：我不能使用百分比，因为我需要2pxTextBox 字段和父 div 之间的间隙。

PS：我question之前问过这个我得到的答案不是跨浏览器（稍后实现）

4

1 回答 1

1

一个解决方案如何使用position:absolute：http ://snook.ca/archives/html_and_css/absolute-position-textarea 在另一个元素中适合 textarea

小提琴： http: //jsfiddle.net/bQQYA/ 编辑：2px 间距的小提琴：http: //jsfiddle.net/3EPSL/

另外，我发现了类似的问题：100% TextArea in FireFox using absolute position

于 2012-11-28T09:45:51.297 回答