html怎么让textarea后面的button显示在其右边，可以多行显示，而不是只能和它在同一行。
如图，我想让清空和交流按钮化为两行显示在右边，再把textarea拉长一点。最终效果是：用css或js解决都可以。...
如图，我想让清空和交流按钮化为两行显示在右边，再把textarea拉长一点。最终效果是：
用css或js解决都可以。 展开
用css或js解决都可以。 展开
3个回答
展开全部
将<textarea>、<button>放到同一个<div>里，然后给<textarea>的style加上float:left即可
<button>的纵向排列可以通过在<button>之间插入<br>换行实现
注：代码中\\\处应为<br>。（直接写会被百度吞掉……
简例：
<html>
<head></head>
<body>
<div class="container">
<textarea id="textbox" style="float:left;"></textarea>
<div style="float:left;">
<button id="chat">交流</button>
\\\
<button id="clear">清空</button>
</div>
</div>
</body>
</html>
追问
问，我的container div已经使用了style=float:right, 再使用float的话是不是会乱？我在dreamware看到混乱了，于是就没用了。
追答
父元素float属性默认状况下不影响子元素
除非在子元素中用float: inherit;继承父元素的浮动
float实际上是基于父元素定位的，把父元素当做一个盒子，子元素就在盒子里浮动，盒子本身的位置不影响盒内定位
以上面的代码打个比喻：
父元素container是一艘船，位于这片海域，而和其兄弟是船上的乘客
乘客在船上的移动与船只行驶方向是无关的，船可以在海上自由移动，乘客可以在船上自由移动
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
