html div设置浮动后换行
<html><div><divstyle="width:500px;float:left;border:1pxsolidred;height:100px;">123</d...
<html>
<div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
</div>
</html>
本来是想让所有div横排在一条线上的，超出浏览器部分却自动换行了，设置了float也不行，在外层div设置了width和overflow也不行，请问应该怎么实现？ 展开
<div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
<div style="width:500px;float:left;border:1px solid red;height:100px;">123</div>
</div>
</html>
本来是想让所有div横排在一条线上的，超出浏览器部分却自动换行了，设置了float也不行，在外层div设置了width和overflow也不行，请问应该怎么实现？ 展开
2个回答
展开全部
在div同一行设置之后进行换行。div之后是table的也可以。如下代码：
<div style="float:left;"> 1111111 </div>
<div style="float:left;">222222 </div>
<table style="clear:both">
<tr><td>tttttt</td></tr>
</table>
div后面是文本框或按钮之类的，
<div style="float:left;">页面内容</div><input type=text value=文本框 />
<div style="float:left;">页面内容</div><button>提交</button>
则无法在文本框或按钮上用style="clear:both"，可以使用如下方法：
①在div后面是一<br />进行换行，如：<div style="float:left;">页面内容</div><br /><input type=text value=文本框 />
②在浮动的div后面增加一个空div并设置clear样式属性，如：<div style="float:left;">页面内容</div><div style="clear:both"></div><button>提交</button>
<div style="float:left;"> 1111111 </div>
<div style="float:left;">222222 </div>
<table style="clear:both">
<tr><td>tttttt</td></tr>
</table>
div后面是文本框或按钮之类的，
<div style="float:left;">页面内容</div><input type=text value=文本框 />
<div style="float:left;">页面内容</div><button>提交</button>
则无法在文本框或按钮上用style="clear:both"，可以使用如下方法：
①在div后面是一<br />进行换行，如：<div style="float:left;">页面内容</div><br /><input type=text value=文本框 />
②在浮动的div后面增加一个空div并设置clear样式属性，如：<div style="float:left;">页面内容</div><div style="clear:both"></div><button>提交</button>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
也许你可以试试看全部加上 margin: 10px, 又或者是加上 position: relative; top: 10px
还有，既然你的 style 全部都一样的话，建议把全部 div 都加上一个 class, 然后把这个 class 的 style 全部都写在上面 head 那边，变成 embedded style sheet
还有，既然你的 style 全部都一样的话，建议把全部 div 都加上一个 class, 然后把这个 class 的 style 全部都写在上面 head 那边，变成 embedded style sheet
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
