在不设置浮动和位置的情况下 div 与div 之间为什么是换行的
来源:互联网 发布:开淘宝服装店货源 编辑:程序博客网 时间:2024/06/07 16:55
在不设置浮动和位置的情况下 div 与div 之间为什么是换行的?
在不设置浮动和位置的情况下 div 与div 之间 , 无论在什么浏览器在下都是换行的。这是为什么呢?
因为div , p , h1 等元素称为块级元素,在块级框内,块级框 按HTML语言从上至下依次排列。
那么块级框是不是默认设置了float clear 这样的属性呢?
如下代码 :
显示如下:
这里是块1 : 这里是块1的区域。
这里是块2 : 这里是块2的区域。
div sub1 和div sub2 必定是换行的, 这是为什么呢?许多人认为, div 的style 默认情况就是 clear:left ,float:left 的。
果然是这样吗?我们给div 设置些样式再看看。
这里是块1 : 这里是块1的区域。
这里是块2 : 这里是块2的区域。
通过颜色划定可以看到在不设定width的情况下, div sub1 和 div sub2 的width 都和父级元素一样宽,
如果div sub1 那么宽了, 那 div sub2 必定要换行才能正确显示。这样看不出div 的style 默认情况是否 clear:left ,float:left 。
接下来,我们再看看设定width的情况。
css定义如下:
显示结果:
这里是块1 : 这里是块1的区域。
这里是块2 : 这里是块2的区域。
可以看出,div 的 块级框的style 默认情况好像是 clear:left ,float:left 的。
但是这样理解其实不好,
因为CSS定位机制是用三种方式实现的, 普通流, 浮动定位, 绝对/相对定位 。
上面这种其实就是 普通流定位, 元素框的位置由在HTML中的位置决定。
- 在不设置浮动和位置的情况下 div 与div 之间为什么是换行的
- Div在设置了浮动的情况下水平居中
- 在jsp中解决div的scroll浮动不匹配的情况
- DIV设置浮动float以后下一个DIV要换行的方法
- DIV设置浮动float以后下一个DIV要换行的方法
- div设置浮动后为什么无法撑开外层div高度的解决办法,div清除浮动高级用法
- div在各种情况下的居中
- div层的固定位置浮动
- DIV不换行与DIV换行 DIV默认自动换行
- 设置DIV的绝对位置
- div+css布局问题:设置浮动后的div高度变化后不超出最外层div
- 如何让DIV在内容不固定的情况下宽度刚好显示完内容
- DIV设置浮动后无法撑开外部DIV的解决办法
- 固定-浮动定位在顶部的div
- 让多个div显示在一行(浮动的div)
- 讨厌的浮动DIV。。。。
- 学习div的浮动
- 浅析div的浮动
- 2011逐浪CMS南昌站长大会成功举办
- hdoj 2473 Junk-Mail Filter 并查集的删除
- wxPython使用
- firefox对ajax的URL中文编码产生乱码完美解决
- 源码包configure参数概要
- 在不设置浮动和位置的情况下 div 与div 之间为什么是换行的
- logmein 和 vmware view
- 函数指针的理解。
- 进程提升权限
- 坚持好难
- linux启动项
- 为什么程序员需要关心顺序一致性(Sequential Consistency)而不是Cache一致性(Cache Coherence?)
- 教你如何修复SQL注入漏洞
- 设计模式之Singleton(单态)