div浮动层与div层有何不同css中有什么关系
div浮动层与div层有何不同css中有什么关系
首先DIV浮动层与DIV层都是指DIV布局，体感音乐一般使用CSS样式表加DIV标签组合进行布局网页。
div层一般包括div浮动层，div浮动层说明div被加入css浮动样式所以被称为div浮动层，而没有加入float浮动样式不具有浮动效果，所以如果没有被加浮动样式div不被称为浮动层。当然span、h1、ul、li等标签也是层，只不过span、h1、ul、li等标签没有div使用频率高，所以一般就将div作为象征性称呼。
接下来DIVCSS5通过实例告诉大家什么是一般层，什么是浮动层？为什么要使用div css浮动层。
1、完整DIV+CSS实例HTML代码如下体感音乐放松椅
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div层与浮动层</title>
<style>
.divcss5{ width:400px; height:100px}
.divcss5-a{ float:left; border:1px solid #F00; width:100px; height:80px}
.divcss5-b{ float:right; border:1px solid #00F; width:100px; height:80px}
</style> 体感音乐放松椅
</head>
<body>
<div class="divcss5">
<div class="divcss5-a"></div>
<div class="divcss5-b"></div>
</div>
</body>
</html>
对象".divcss5"没有设置浮动，“.divcss5-a”设置靠左浮动（float:left）,“.divcss5-b”设置靠右浮动（float:right）。
2、普通层与浮动层实例截图
普通层与浮动层CSS案例截图
普通层与浮动层CSS案例截图
3、层与浮动层总结体感音乐放松椅
在以上实例中“.divcss5”对象是普通层，而默认是不具有浮动效果的层，因为网页内容是居左的所以看到此层居左，实际是没有浮动样式的一个DIV盒子层。而对象内子级“.divcss5-a”和“.divcss5-b”是设置float浮动所以变成了浮动层，从上可以看出他俩在“.divcss5”盒子内一个靠左浮动一个靠右浮动。普通层与浮动层区别就是在于是否被设置了css float浮动样式。
4、为什么设置浮动样式
这个是因为想让DIV对象盒子实现靠左或靠右布局。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
