DIV设置浮动float以后下一个DIV要换行的方法
来源:互联网 发布:手机淘宝可以买彩票吗? 编辑:程序博客网 时间:2024/06/06 16:32
http://www.cnblogs.com/mq0036/p/4604443.html
《div style=“float:left;”》 1111111 《/div》
《div style=“float:left;”》222222 《/div》
《div 》33333333《/div》
1111111 和222222 在同一行,接下来的33333333虽然没有float:left的属性,但是也会在同一行,
要想让33333333不在同一行怎么办呢,答案很简单就是加入clear:both;
《div style=“clear:both;”》33333333《/div》
这样就可以了解决div换行问题了。在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换行的问题了。
参考出处:
http://blog.sina.com.cn/s/blog_6721f25c0101i1tk.html
http://www.jb51.net/css/221269.html
- DIV设置浮动float以后下一个DIV要换行的方法
- DIV设置浮动float以后下一个DIV要换行的方法
- div设置float后下一个div要换行的解决办法
- 在设置DIV FLOAT了以后如何使下一个DIV另起一行
- html两个div浮动后下一个div怎么换行的问题
- DIV浮动居中的方法,float居中的方法
- DIV标签设置浮动后,对下一个DIV标签width的影响
- div标签清除float浮动样式方法
- Float以后撑不开div的困境
- 在不设置浮动和位置的情况下 div 与div 之间为什么是换行的
- CSS子div设置float后父级div无法自适应高度的问题解决方法
- CSS浮动float父div没有高度的问题
- 多个div下一个div有效的方法
- DIV设置浮动后无法撑开外部DIV的解决办法
- 清理Div浮动的两种方法
- DIV + CSS浮动属性Float详解
- DIV+CSS基础教程:浮动(float)页面布局
- div css float浮动用法(left right)
- BIEE 12c使用runcat.sh脚本部署catalog并移除BIConsumer角色
- Linux I2C设备驱动编写(三)-实例分析AM3359
- [php学习笔记]工厂模式,单例模式、抽象类
- [学习笔记]php中的重载与自动加载
- 代码工程目录组织结构之我见
- DIV设置浮动float以后下一个DIV要换行的方法
- Android布局优化技巧--<include>/<merge>/<viewStub>
- 操作系统实验之银行家算法模拟
- [pho学习笔记]对象的克隆、遍历、类型约束
- mac上安装Nginx详细教程
- [Unity] 怎么在Unity5中烘焙lightmap
- 跨模态搜索(cross-modal/media retrieval)
- 正则表达式
- Python的set集合