当前位置:首页 > 日记 > 正文

深刻理解CSS高度的区别:100%和高度:继承

深刻理解CSS高度的区别:100%和高度:继承
本文主要介绍了身高与身高的区别:100%。作者在设计页面时对实例进行了比较。
继承确实是一件好事,不仅可以节省代码,而且可以处理后台的流,而且对维护也很有好处。

请注意,如果要继承背景图片,不能像这样缩写,那就太天真了:

CSS代码将内容复制到剪贴板。
背景:# FFF继承左上;

它可以是这样的:

CSS代码将内容复制到剪贴板。
背景图片:继承;

1。相容性的差异
身高:100% IE6 +基;
高度:继承IE8 +基;

2。大多数东西都是一样的。
除了兼容性,在大多数情况下,这两个功能是相同的,很难想出一个不同的理由。

父容器高度:自动,无论高度:100%还是高度:继承,是自动的。
设置为八父容器:100px,无论身高:100%或高度:继承是100px高。

没有区别吗没有理由使用高度:继承吗当然,记住,河上发生的一切都不是偶然的!

三.绝对定位不同
当元素是绝对定位的元素时,父容器的位置值是静态的,哈哈,高度的区别:100%和高度:继承可以清楚地反映出来!
你可以点击这里:身高之间的区别:100%和身高:继承是演示
CSS如下:

CSS代码将内容复制到剪贴板。
{。外
显示:内联块;
高度:200px;宽度:40%;
边境:5px固体# cd0000;
}
{。height-100
位置:绝对;
身高:100%;宽度:200px;
背景颜色:# beceeb;
}
{高度继承
位置:绝对;
高度:宽度:200px继承;
背景颜色:# beceeb;
}

html如下:

xml代码将内容复制到剪贴板。
结果,高度:100%打破了天空,哦,不,它在这个地区的地狱深处:
和高度:继承完全适应没有位置特性的父元素:
我不应该解释为什么我们应该知道绝对位置的原因。

总之,在这里,高度:继承是强大的和有用的。回来,容器的高度变化,容器中的绝对定位元素仍然是高度自适应的。这是一个很大的特点,因为如果网页是非常复杂的,避免使用位置:相对会让你减少一个很多的特性混淆层覆盖的麻烦。

相关文章

ps实用技巧中文本处理的25种应用技

ps实用技巧中文本处理的25种应用技

文本处理,应用技巧,实用技巧,电脑软件,ps,1、本会如果你想加上渲染的小文本控件是一个有用的提示。在当前的文本层面,双击进入输入/编辑模式,按住Ctrl键,在图像窗口移动文本,这样可以消除锯切的方式。如果你是满意的消除锯齿的效果,你只需要按下…

教你快速打开最近使用的excel工作

教你快速打开最近使用的excel工作

教程,最近使用,教你,快速,工作,Excel 2013便于用户操作的文件,并已取得了一些改进的文件的标签。例如,为了能使用户快速打开使用的文档,你可以添加一个快速访问工作簿列表文件,,并在标签的左侧侧的列表。本文介绍如何快速打开最近使用的Excel工…

如何购买歌曲设置为QQ空间背景音乐

如何购买歌曲设置为QQ空间背景音乐

空间,常见问题,购买,设置为,背景音乐,如何购买歌曲设置为QQ空间背景音乐 登录到QQ空间,点击导航栏音乐盒,点击右边的背景音乐页面,购买音乐,如果你已经成功地购买了QQ演唱会,点击点击设置为背景音乐。…

一种利用CSS禁止文本从调整大小和

一种利用CSS禁止文本从调整大小和

文本,方法,调整,大小,功能,本文主要介绍利用CSS禁止文本大小调整功能的方式,并禁止调整文本大小的函数的方法。使用CSS的调整属性非常简单,你需要的朋友可以参考它。 如果你使用谷歌浏览器或Firefox浏览器,你会发现有一个小三角形在textarea元…

CDR是如何制作基于技术的网格线的

CDR是如何制作基于技术的网格线的

网格,技术,电脑软件,CDR,CDR是如何制作基于技术的网格线的CDR是一个简单的教程,在技术上是简单而简单的。刚开始接触的朋友可以看到。用贝塞尔工具画线是可以的。需要它的朋友可以参考它。 CDR是一个简单的教程,是一个简单的技术型网格线。 1…

在与U方法调用js文件实例ThinkPHP

在与U方法调用js文件实例ThinkPHP

方法调用,文件,在与,实例,电脑软件,本文阐述了利用U型法在ThinkPHP调用js文件的方法,分享给你参考。以下是如下: 直接在模板文件中调用函数的一种快速方法是在TP中提供的,U是其中之一,手册有它的用途: 复制代码代码如下:{:U(用户/插入)} 首先,改变…

PStyrannosus共享共享的过程

PStyrannosus共享共享的过程

过程,电脑软件,PStyrannosus,本教程是向大家介绍一个合成PS的朋友,教程很不错,介绍的方式很清楚,推荐一下,推荐朋友一起学习。 Sharing process sharing of PS tyrannosus 本教程结束,以上是PS霸蜥蜴合成过程分享介绍,希望能帮到你!…

Illustrator绘制一个逼真的黄色法

Illustrator绘制一个逼真的黄色法

绘制,逼真,跑车,黄色,电脑软件,本教程介绍了一个朋友的插画绘制逼真的黄色法拉利跑车。本教程制作的跑车非常漂亮,难度也不大。建议像你这样的朋友一起学习这个教程。 本教程教朋友们用Illustrator画生动的黄色法拉利跑车的方法,绘制过程中有…

PS画家精致写实古董电影播放器教程

PS画家精致写实古董电影播放器教程

教程,古董,播放器,画家,精致,本教程是介绍PS鼠标画仿古超级朋友的电影播放器的方法,精美逼真,教程中间,需要有一些基本的学习和艺术技巧,可以学习朋友转发给朋友,爱好,一起学习吧。 本教程教诗写画家用PS鼠绘超精细的古董电影播放器,在中等难度的…

Excel2010功能介绍excel2010教程

Excel2010功能介绍excel2010教程

教程,功能,电脑软件,软件名称:excel2010 更新时间:2012-10-16 软件大小:791mb 软件语言:简体中文 软件授权:免费版本 软件类别:国外软件办公软件自由软件 运行环境:2000 / 2003 / / / Win7 Vista操作系统 excel2010软件介绍: 微软Excel 2010带来了…

PS图象处理软件将在公园的秋天温暖

PS图象处理软件将在公园的秋天温暖

公园,将在,图象,处理软件,身影,材质图片本身是比较暗的颜色,当第一个主色调转为温暖时,黑暗区域会增加蓝色的数量,然后阴影加深,然后给当地带来一些阳光效果。 材质图片本身是比较暗的颜色,当第一个主色调转为温暖时,黑暗区域会增加蓝色的数量,然…

如何解决QQ空间删除日志不可扣除QQ

如何解决QQ空间删除日志不可扣除QQ

日志,空间,删除,如何解决,技巧,QQ空间(Qzone)是腾讯公司开发的个人空间2005。它有博客的功能,已被许多人自世界。在QQ空间里,你可以写日志,上传个人图片的用户,听音乐,写心情,让自己以各种不同的方式。此外,用户还可以设置空间的背景、小衣架等根据…