从品牌网站建设到网络营销策划,从策略到执行的一站式服务
今天小编给大家分享一下css中div浮动层与div层有什么不同的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。
创新互联专注于大同企业网站建设,响应式网站,商城网站制作。大同网站建设公司,为大同等地区提供建站服务。全流程按需定制,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务
div浮动层与div层有何不同css中有什么关系
首先DIV浮动层与DIV层都是指DIV布局,一般使用CSS样式表加DIV标签组合进行布局网页。
div层一般包括div浮动层,div浮动层说明div被加入css浮动样式所以被称为div浮动层,而没有加入float浮动样式不具有浮动效果,所以如果没有被加浮动样式div不被称为浮动层。当然span、h2、ul、li等标签也是层,只不过span、h2、ul、li等标签没有div使用频率高,所以一般就将div作为象征性称呼。
接下来DIVCSS5通过实例告诉大家什么是一般层,什么是浮动层?为什么要使用div css浮动层。
1、完整DIV+CSS实例HTML代码如下
div层与浮动层
对象".创新互联"没有设置浮动,“.创新互联-a”设置靠左浮动(float:left),“.创新互联-b”设置靠右浮动(float:right)。
2、普通层与浮动层实例截图
普通层与浮动层CSS案例截图
3、层与浮动层总结
在以上实例中“.创新互联”对象是普通层,而默认是不具有浮动效果的层,因为网页内容是居左的所以看到此层居左,实际是没有浮动样式的一个DIV盒子层。而对象内子级“.创新互联-a”和“.创新互联-b”是设置float浮动所以变成了浮动层,从上可以看出他俩在“.创新互联”盒子内一个靠左浮动一个靠右浮动。普通层与浮动层区别就是在于是否被设置了css float浮动样式。
4、为什么设置浮动样式
这个是因为想让DIV对象盒子实现靠左或靠右布局。
以上就是“css中div浮动层与div层有什么不同”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图