资讯专栏INFORMATION COLUMN

怎么让DIV在另一个DIV里靠底部显示?

2i18ns / 2018人阅读

摘要:属性的五个值元素的默认值,即没有定位,元素出现在正常的流中。静态定位的元素不会受到影响。相对定位元素的定位是相对其正常位置。元素可以使用的顶部,底部,左侧和右侧属性定位。他们也有不同的工作方式,这取决于定位方法。

可以使用css的position属性的绝对定位。

拓展知识

 

position 属性指定了元素的定位类型。

position 属性的五个值:

    • static:HTML元素的默认值,即没有定位,元素出现在正常的流中。静态定位的元素不会受到 top, bottom, left, right影响。

    • relative:相对定位元素的定位是相对其正常位置。

    • fixed:元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动:

    • absolute:绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于:

    • sticky:ticky 英文字面意思是粘,粘贴,所以可以把它称之为粘性定位。position: sticky; 基于用户的滚动位置来定位。

元素可以使用的顶部,底部,左侧和右侧属性定位。然而,这些属性无法工作,除非是先设定position属性。他们也有不同的工作方式,这取决于定位方法。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1087.html

相关文章

  • 《高性能JavaScript》(读书笔记)

    摘要:加载的模块会以参数形式传入该函数,从而在回调函数内部就可以使用这些模块。异步加载,和,浏览器不会失去响应它指定的回调函数,只有前面的模块都加载成功后,才会运行,解决了依赖性的问题。插件,可以让回调函数在页面结构加载完成后再运行。 这次主要是对《高性能JavaScript》一书的读书笔记,记录下自己之前没有注意到或者需要引起重视的地方 第一章 加载和执行 js代码在执行过程中会阻塞浏览...

    moven_j 评论0 收藏0
  • [译]HTML&CSS Lesson4: 盒子模型

    摘要:而内联元素会并排显示,宽度紧随内容变化而变化。但元素又按照内联元素显示,不会另起一行。这种情况下,只能指定非内联元素的属性值。如下是为非内联元素设置宽度的例子高度元素的默认高度取决于它的内容。 现在我们已经熟悉了HTML和CSS。了解了它的基础。现在我们来更深入的了解元素在页面中的呈现和大小。 在这节课中,我们将会讨论什么是盒子模型,它的工作模式是怎样的。我们也会在课程中学习一些新的C...

    yzd 评论0 收藏0
  • [译]HTML&CSS Lesson4: 盒子模型

    摘要:而内联元素会并排显示,宽度紧随内容变化而变化。但元素又按照内联元素显示,不会另起一行。这种情况下,只能指定非内联元素的属性值。如下是为非内联元素设置宽度的例子高度元素的默认高度取决于它的内容。 现在我们已经熟悉了HTML和CSS。了解了它的基础。现在我们来更深入的了解元素在页面中的呈现和大小。 在这节课中,我们将会讨论什么是盒子模型,它的工作模式是怎样的。我们也会在课程中学习一些新的C...

    developerworks 评论0 收藏0
  • CSS题目及答案整理

    摘要:解决方案为加上使其形成,根据规则第六条,计算高度时就会计算的元素的高度,达到清除浮动影响的效果。并为这个外层元素设置,使其形成。生成相对定位的元素,相对于其正常位置进行定位。它的所有子元素自动成为容器成员,称为项目,简称项目。 原文链接在这里 CSS 介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种, IE 盒子模型(相当于box-sizing: bor...

    lijy91 评论0 收藏0
  • 浮动元素

    摘要:对于的清除浮动,一定要牢记这个规则只能影响使用清除的元素本身,不能影响其他元素。本例中的左边有浮动元素,因此只要在的样式中使用来指定元素左边不允许出现浮动元素,这样就被迫下移一行。对于右浮动也亦是如此。 块级元素与行内元素,怎么用CSS控制它们、以及如何合理的使用它们 它们的定义1.块级元素:每个块级元素默认占一行高度,若有块级元素则同行无法再添加其他元素(float浮动除外)特点:高...

    Me_Kun 评论0 收藏0

发表评论

0条评论

2i18ns

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<