Textarea样式由element.style自动覆盖

Question

In my aspx page, I have a textarea:

<div style=" position: absolute; top: 45px; bottom: 5px;
                        left: 5px; right: 5px">

                        <textarea id="code" name="code" runat="server"  wrap="off" style="clear: both; width:99%; height:99%" >               
                          </textarea>
               </div>

All I want is the Textarea auto display full the browser. But when I built the page, the text area just display small in the left browser screen.

Try to press F12, the Textarea tag is changed:

 <textarea id="code" name="code" runat="server"  wrap="off" style="display:block" >  </textarea>

Really tired, I met this situation for many times. Sometimes, I add style= "clear:both" but in this situation, it cannot help.

The Textarea 's style is just contain: display:block

I copy my code to http://jsfiddle.net/REgjn/ ---> it display as the way I expected: the textarea is fill full the chrome browser. But it is not when I built it on the real browser.

Help!!! Why is the TextArea tag changed???

Answer 1

I have modified your code. I hope it will work

           <div style=" position: absolute; top: 45px; bottom: 5px;
                    left: 5px; right: 5px;width:99%; height:99%">

                    <textarea id="code" name="code" runat="server"  wrap="off" style="clear: both; width:99%; height:99%" >               
                      </textarea>
           </div>