Question

<div id="container" style="width:100%;">

  <div id="text1" style="width:20%;float:left;">1<br>1</div>
  <div id="text3" style="width:20%;float:right;">3<br>3</div>   

  <div style="width:60%;float:none;">
     <textarea id="phrases" cols="50" rows="20"></textarea>
     <div id="text2">2<br>2</div>
  </div>  

</div>

我希望有3列。在中间栏中，我希望有一个textarea，然后直接在textarea下面发短信。但是，文本2<br>2出现在左栏中。我做错了什么？

http://jsfiddle.net/z7UXW/22/show/

Answer 1

见到这一点，Demo

<div id="container" style="width:100%;">
  <div id="text1" style="width:20%;float:left;">1<br>1</div>

  <div style="width:60%;float:left;">
     <textarea id="phrases" cols="50" rows="20"></textarea>
     <div id="text2" >2<br>2</div>
  </div>  

  <div id="text3" style="width:20%;float:right;">3<br>3</div>  
</div>

将物品放在中间div的彼此之下

1 个答案: