Question

这是我正在使用的代码，

HTML

Question.deleteOne({...}), you don't need to do the

CSS

<div class="chatbrd"> 
  <div class="newmsg">
    <form  action="" method="post">
     <textarea placeholder="type a message" type="text" name="msg" >
     </textarea>

     <button type="submit"  name="newmsg" value="submit">send</button>
 </form>
  </div>
</div>

请参阅here jsfiddle

我希望textarea的宽度应该等于外部div的宽度但我坚持了。

Answer 1

您需要提供仍将遵守width: 100%;的父max-width: 600px。这是因为子文本区域需要知道它采用100%宽度的内容。

JS Fiddle

.newmsg {
   position:absolute;
   bottom:0;
   max-width:600px;  
   width: 100%;
 }

Answer 2

试试这个

    .newmsg
{
 position:absolute;
 bottom:0;
/*  max-width:600px;   */
  width:100%;

 }

＆＃13;

.chatbrd
{
height:800px;
position:relative;
overflow:auto;
max-height:200px;
border:1px solid black
}

.newmsg
{
 position:absolute;
 bottom:0;
/*  max-width:600px;   */
  width:100%;

 }
.newmsg textarea
{
width:100%;

}

＆＃13;

<div class="chatbrd"> 
  <div class="newmsg">
    <form  action="" method="post">
     <textarea placeholder="type a message" type="text" name="msg" >
     </textarea>

     <button type="submit"  name="newmsg" value="submit">send</button>
 </form>
  </div>
</div>

＆＃13;

textarea宽度：100％在绝对位置的情况下不工作

2 个答案: