2.7 浮动与定位

发布时间:2022-06-27 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了2.7 浮动与定位脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

文档流

文档流分为正常文档流和脱离文档流

正常文档流的规则为各类元素从上往下,从左往右排列,而脱离文档流即可无视此规则

浮动float

当元素a浮动时,处于元素a下方的元素b就会紧贴上来

float:取值;
属性值说明
left 元素向左浮动
right 元素向右浮动

清除浮动clear

clear:取值;
属性值说明
left 清除左边浮动
right 清除右边浮动
both(常用) 清除全部浮动

 

定位position

一般top,bottom,left,right,这四个属性值只会用到两个。

position:取值;top:像素值;bottom:像素值;left:像素值;right:像素值;
属性值 说明
fixed 固定定位(固定在某处)
relative 相对定位(相比原来的位置进行变化)
aboslute(常用) 绝对定位(精确的定位到网页的某处)
static(不常用) 静态定位

脚本宝典总结

以上是脚本宝典为你收集整理的2.7 浮动与定位全部内容,希望文章能够帮你解决2.7 浮动与定位所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: