使用css div floatt影响下一个div如何处理

来源：蜘蛛抓取(WebSpider) 时间：2018-04-17 10:18 标签： div float 不换行
http://www.cnblogs.com/mq0036/p/4604443.html
《div style=“float:”》 1111111 《/div》
《div style=“float:”》222222 《/div》
《div 》《/div》
1111111 和222222
在同一行，接下来的虽然没有float:left的属性，但是也会在同一行，
要想让不在同一行怎么办呢，答案很简单就是加入clear:
《div style=“clear:”》《/div》
这样就可以了解决div换行问题了。在div同一行设置之后进行换行。同样如果div之后是table的也可以。如下代码：
&div style="float:"& 1111111 &/div&
&div style="float:"&222222 &/div&
&table style="clear:both"&
&tr&&td&tttttt&/td&&/tr&
如果div后面是文本框或按钮之类的，
&div style="float:"&页面内容&/div&&input type=text value=文本框 /&
&div style="float:"&页面内容&/div&&button&提交&/button&
则无法在文本框或按钮上用style="clear:both"，所以可以使用如下方法：
①在div后面是一&br /&进行换行，如：&div style="float:"&页面内容&/div&&br /&&input type=text value=文本框 /&
②在浮动的div后面增加一个空div并设置clear样式属性，如：&div style="float:"&页面内容&/div&&div style="clear:both"&&/div&&button&提交&/button&
这样就可以解决浮动DIV换行的问题了。
参考出处：
http://blog.sina.com.cn/s/blog_1i1tk.html
http://www.jb51.net/css/221269.html我一个div设置float：left，为什么下一个div会覆盖此div.不太明白必另送高分_百度知道
我一个div设置float：left，为什么下一个div会覆盖此div.不太明白必另送高分
还有float属性是不是只对下一个块状元素起作用，再一个就不起作用啦请大家帮帮忙，困惑呀。。
对啦，claer属性是不是只对上个块状元素起作用呀
我有更好的答案
怎么说呢...打个比方啊..象你说的...一个层的float确实只对下一个块状有用..如果想要下下个还有用..就必须设置下一个块状也有float...比如:&div id=&div1&&&/div&&div id=&div2&&&/div&&div id=&div3&&&/div&要想div2在div1的右边就必须加上：#div1{float:}要想div3在div2的右边..就必须加上：#div2{float:}如果不设置的话..div3就自动的会移到下一行去
采纳率：44%
...楼上的，你这样，“要想div3在div2的右边..就必须加上：#div2{float:}”这样在FF下，DIV3就在DIV1和DIV2的下面了。在FIREFOX下，例如三列的布局，你最好三个都FLOAT一下，然后在浮动元素的后面清除浮动float属性是不是只对下一个块状元素起作用，再一个就不起作用啦float对本元素有作用，会影响左右的布局，在IE跟FF下float有差别。。上面说的就是。语法： clear : none | left |right | both
参数： none :
允许两边都可以有浮动对象both :
不允许有浮动对象left :
不允许左边有浮动对象right :
不允许右边有浮动对象
为您推荐：
其他类似问题
float的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。子Div使用Float后如何撑开父Div_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
子Div使用Float后如何撑开父Div
阅读已结束，下载本文需要
想免费下载本文？
定制HR最喜欢的简历
你可能喜欢

我要回帖

更多关于 div float 不换行 的文章

 

随机推荐