absolute 和relative定位的那点破事儿

最新推荐文章于 2020-09-29 11:03:33 发布
最新推荐文章于 2020-09-29 11:03:33 发布
阅读量139 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43209953/article/details/86709566
版权

重点重点重点：

1、无论是绝对定位还是相对定位，被定位的元素都会变成'block'块级元素，比如span元素本来是内联元素，设置宽度是无效的，但是一旦给他设定定位，那么他就会变为块级元素；

2、一旦给元素做了定位，加入之前元素的是div，没有设置宽度，默认是占满一行的，但是定位后，它的宽度就是0；

行尽江南
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JSP 与 Servlet 不得不 说的那点破事儿
06-06
­ 简单的图解： 转化　响应客户端 Jsp页面　－－－－－　Tomcat中－－－－－＞　Servlet　－－－－－－－－＞
多线程的那点破事儿-------
06-06
在编程世界中，多线程是一项关键的技术，它允许程序同时执行多个任务，极大地提高了计算机系统的效率和响应性。...阅读“多线程的那点破事儿.txt”文件，将提供更多实践案例和详细解释，助你更好地理解和应用多线程。
relative和absolute的区别——带例子说明
weixin_44066534的博客
07-04 2006
relative和absolute的区别，话不多说，先上代码 <html> <head> <style> .container{ width: 300px; height: auto; background: rgb(54, 181, 219); positive：relative;
搞定HTML\CSS之absolute和relative
王文松的博客
12-09 6792
前言    这篇博文我要搞定的问题是①absolute和relative区别 ② top和margin-top区别  ③浏览器body默认内外边距 浏览器body默认内外边距    很多时候研究一些网站的源码，总会看到别人的CSS文件里有这么一句话" body{margin: 0; padding: 0;} "，那么为什么要加这么一句话呢？先用下面的现象抛出来。    如下代码
position中的absolute与relative的区别
weixin_43417682的博客
09-29 1553
Position（位置）属性值需要注意的地方 position的属性有： Absolute：绝对定位，是相对于最近的且不是static定位的父元素来定位 Fixed：绝对定位，是相对于浏览器窗口来定位的，是固定的，不会跟屏幕一起滚动 Relative：相对定位，是相对于其原本的位置来定位的 Static：默认值，没有定位 Inherit：继承父元素的position值。 absolute和relative的区别 relative设置的div宽度和父类的div宽度相同，所以给
Absolute（绝对定位）与relative（相对定位）的图文讲解
热门推荐
weixin_42067967的博客
04-30 9万+
Position的属性值有：1.     Absolute：绝对定位，是相对于最近的且不是static定位的父元素来定位2.     Fixed：绝对定位，是相对于浏览器窗口来定位的，是固定的，不会跟屏幕一起滚动。3.     Relative：相对定位，是相对于其原本的位置来定位的。4.     Static：默认值，没有定位。5.     Inherit：继承父元素的position值。对于初...
iOS自适应cell行高的那点破事儿
iOS_开发
04-30 241
Linux编程点击右侧关注，免费入门到精通！前言其实早就准备写这篇文章了，但是一直没有系统去整理一下相关的demo，加上最近离职了，各种事情忙的有点郁闷，所以一直拖沓了下...
前端优化那点破事儿
qq_40479190的博客
11-06 989
前言 前端的工作并不仅仅是实现「视觉&交互稿」，想要开发一个高性能易维护的「完美」站点并未易事，针对前端的性能优化贯穿着项目开发的始终，绝不是交互口中的「拖拽工人」！ 然而前端优化策略却是一件老生常谈的问题，百度一把大量的博文，曾拜读过张成文大大的《现代前端技术解析》，关于前端知识体系与架构思维的一本书，里面有一章讲到前端优化策略，前人总结的较为全面，自知能补充的内容也不多，索性添添简简做一个
日记那点破事儿
ahm982vp
01-19 96
日记那点破事儿 2011年02月12日 　　有一个胖胖的小男孩 　　他的名字叫做明杰 　　他有双圆溜的眼睛 　　他每天哭泣地写作业 　　这个邻家小男孩每天在妈妈的呵斥和威胁中写作业、写日记，抽着鼻涕，呜咽着，心不甘情不愿地机械地写着。突然发觉小时候的我都没有这么悲惨地写过作业，有时候倒是妙趣横生。 　　写日记写作文从小到大都是一件很纠结的事，常常搜肠刮肚也没想出要写什么，作文书...
Linux那些破事儿之我的高性能
02-20
`epoll`是Linux内核2.6版本引入的一种更为高效的I/O复用机制，相比于之前的`select`和`poll`，它提供了更好的性能和更高的灵活性。 ##### 2.2 工作原理 `epoll`的工作原理基于事件驱动机制，它使用文件描述符来...
软件设计师，视屏集合，真题和真题分析
05-08
软件设计师，视屏集合，真题和真题分析软件设计师，视屏集合，真题和真题分析
TerAd - 基于stm32的各种数字接口的终端适配器
08-08
TerAd - 基于stm32的各种数字接口的终端适配器
Chrontel_Update_Tool_CH7219A_V03.02.04.rar
08-08
Chrontel_Update_Tool_CH7219A_V03.02.04.rar
暑期培训7_2.ipynb
08-08
暑期培训7_2.ipynb
Linuxstm-forecast-笔记
08-08
Linuxstm-forecast-笔记
linux常用命令大全4.zip
最新发布
08-08
Linux系统中包含了大量的命令，这些命令是用户与系统交互的重要工具。以下是一些常用的Linux命令，按照功能分类进行整理：
Linux高性能秘诀：epoll与I/O之道
"Linux那些破事儿之我的高性能" 在本文中，作者通过台湾作家林清玄的写作历程，比喻自己在Linux领域的探索，引出了对Linux系统高性能调优的主题。作者幽默地表示，他将深入剖析一些关键的高性能特性，尽管可能会让...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值