盾怪网教程:是一个免费提供流行杀毒软件教程、在线学习分享的学习平台!

html中的定位position以及浮动float怎么使用?

时间:2024/8/9作者:未知来源:盾怪网教程人气:

[摘要]none;向右、向左或者 不使用(默认)float:脱离文档流,浮动是相对于父级元素进行的浮动<p id="p1"><p id="p2"...
none;向右、向左或者 不使用(默认)

float:脱离文档流,浮动是相对于父级元素进行的浮动

<p  id="p1">
  <p  id="p2"></p>
</p>

如上:p1为p2的父级元素p2只能在p1里面进行浮动

浮动的一个经常使用的情形,就是水平导航条的运用。水平导航条有两种方式可以实现,只要将 li 标签的display属性改为行内样式,就可以让列表平铺,这是核心部分,但是在了解盒子模型我们可以知道,行内标签的 margin、padding对上下方向是无效的,这里只能让列表选项的左右拉长,上下是不会被控制的,块级标签上下才会被控制。

float也是简单的一些文字环绕图片效果的运用将图片和文字放入同一个p内然后给图片和p一个float:left

关键词:html中的定位position以及浮动float如何运用?




Copyright © 2012-2018 盾怪网教程(http://www.dunguai.com) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版