- 1PS提示：因为图层已锁定，无法编辑图层的处理方法
- 2Adobe Illustrator CS5 序列号大全
- 3picacg苹果版怎么找不到|picacg ios版是不是下架了介绍
- 4ACDsee注册码免费分享（含ACDsee18、ACDsee10等版本）
- 5苹果iphone自动时间不准确的多种校正方法
- 6PDF浏览器能看3D文件吗？PDF浏览器看3D文件图文详细教程
- 7Potato(马铃薯聊天)怎么注册不了|Potato不能注册处理方法介绍
- 8Potato(土豆聊天)怎么换头像|Potato app更改头像方法介绍
- 9ipad版office如何激活? office365激活的图文说明教程
- 10最新的Adobe Illustrator CS4序列号大全
- 11Mac怎么通过设置VPN来登录youtube等国外网站
- 12qq邮件是否已读怎么看 QQ邮箱已经发出去的邮件怎么知道对方是否已经查看
[摘要]说到浮动首先我们要清楚一个概念，我们为什么设置浮动样式？因为想让DIV对象盒子实现靠左或靠右布局。这样我们的网页就可以做的更美观，交互性更强，那么浮动的DIV和默认的DIV之间有什么不同呢？我们一起来看一下div浮动层与div层有何不同css中有什么关系首先DIV浮动层与DIV层都是指DIV布局，...
说到浮动首先我们要清楚一个概念，我们为什么设置浮动样式？因为想让DIV对象盒子实现靠左或靠右布局。这样我们的网页就可以做的更美观，交互性更强，那么浮动的DIV和默认的DIV之间有什么不同呢？我们一起来看一下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作为象征性称呼。
接下来告诉大家什么是一般层，什么是浮动层？为什么要使用div css浮动层。
完整DIV+CSS实例HTML代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div层与浮动层</title>
<style>
.div{ width:400px; height:100px}
.div-a{ float:left; border:1px solid #F00; width:100px; height:80px}
.div-b{ float:right; border:1px solid #00F; width:100px; height:80px}
</style>
</head>
<body>
<div class="div">
<div class="div-a"></div>
<div class="div-b"></div>
</div>
</body>
</html>对象".div"没有设置浮动，“.div-a”设置靠左浮动（float:left）,“.div-b”设置靠右浮动（float:right）。
层与浮动层总结
在以上实例中“.div”对象是普通层，而默认是不具有浮动效果的层，因为网页内容是居左的所以看到此层居左，实际是没有浮动样式的一个DIV盒子层。而对象内子级“.div-a”和“.div-b”是设置float浮动所以变成了浮动层，从上可以看出他俩在“.div”盒子内一个靠左浮动一个靠右浮动。普通层与浮动层区别就是在于是否被设置了css float浮动样式。
关于浮动的不同已经给大家介绍的很清楚了，更多精彩请关注php中文网其它相关文章！
相关阅读：
以上就是div浮动层与默认的div层有什么关系的详细内容，更多请关注php中文网其它相关文章！
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
推荐资讯 总人气榜
最新教程 本月人气
- 1电视直播软件风云直播关闭弹幕图文说明教程
- 2MorphVOX Pro中文版下载地址与安装方法分享
- 3morphvox pro如何调成女声？morphvox 女声数值分享
- 4morphvox pro中文版基础使用图文说明教程
- 5DOTA2玩家最爱的变声软件MorphVOX Pro在什么地方里下载？
- 6（视频）YY上如何男变女声？VCS变声器使用方法
- 7BT盒子种子搜索神器经常见使用问题与回答
- 8BT盒子种子搜索神器搜索BT种子失败的处理方法
- 9BT盒子种子搜索神器安卓手机版默认播放器如何设置？
- 10腾讯视频如何免费领取会员
- 11免费收看爱奇艺会员独播剧《最好的我们》的方法
- 12BT盒子如何注册？BT盒子注册步骤图解
