跳转到主要内容
你行网

Main navigation

  • 首页
  • Drupal
  • 编程与开发
  • 数据库
  • 操作系统与应用
  • 服务器与运维
  • 社区
User account menu
  • 登录

面包屑

  1. 首页

html 定位属性position 说明

由 hrs, 11 八月, 2023

1.定位position
属性值:
绝对定位 position:absolute (不保留位置 脱离文档流)
(1)没有父元素或者父元素没有定位,参照物是浏览器窗口的第一屏 如果修改了元素大小 使得浏览器最大最小值改变,还是相对于之前的 并不会改变
(2)有父元素且父元素有定位,参照物是父元素
一般是设置子绝父相
可以设置top、bottom、left、right 值控制相对位置

固定定位 fixed:相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 设置定位。

相对定位 position:relative 相对于自己的初始位置(保留位置 不脱离文档流)
设置top、bottom、left、right 值 可单独移动 但是原来的位置还是保留 会覆盖其他界面上,可以设置正负值

static:默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。

粘性定位 position:sticky (脱离文档流 c3新加的功能)
设置top、bottom、left、right 值

2.定位层级
写定位时候有后来者居上,在后面的position会覆盖前面的
设置层级:z-index:数值 数值越大,谁就在上面显示,数值小的话,会在下面 可以设置负值

3.浮动与绝对定位的区别
flaot:半脱离,可以实现文字环绕效果
position:absolute 可以实现全脱离 ,不会出现文字环绕效果

  • 登录或注册以发表评论

文章标签

  • HTML

评论

文章标签

CSS
Excel
ubuntu
php
vim
五笔
Linux
VPN
command
HTML
drupal 8
drupal 7
centos
composer
Mysql
drush
模块(module)
Drupal
JavaSrcipt
apache
drupal 9
英语
nerdtree
SEO
network
果树种植
surround
drupal10
主题(theme)
ssh
phpmyadmin
yum
二进制
权限
声音
ssl
selinux
HTML5
WireGuard
password
Dreamweaver
DDEV
flameshot
翻译
颜色
uploadprogress
firewalld
kernel
邮件验证
视图(views)
快捷键
gzip
xdebug
错误
电脑基础
ckeditor
C语言
简介
源地址
mbstring
certbot
php扩展
git
csharp
httpd
apt
电子秤
压缩解压
breadcrumb
表单
短信验证
AI
firmware
摄影
diff
superfish
重定向
drupal 11
网站备份
docker
版本号
tagclouds
java
RSS
adsense
电脑技巧
端口
KVM
simple_adsense
算法
youtube
JavaScript
cookie
badblocks
网站运营
计算机基础
RFID
zip
dns
标签优化
VUE
gimp
form
mod_expires 模块
赚钱
ip
http验证
curl
重定向,301
netstat
字段
maven
input
nginx
哈希值
npm
wps
更多

相关文章

  • 代码框右上角的复制功能怎么实现
  • HTML空格符简介
  • 打字游戏
  • html 中img元素的title属性作用
  • html 块级元素 display:block详解
  • html中“input”如何设置位置?
  • html 实战制作页脚的实例
  • drupal 8 视图HTML标记文本元素说明
RSS源

友情链接 网站地图 版权信息 联系我们 网址导航 社区

Copyright © 2019 - 2021 你行网 版权所有  粤ICP备19072650号