美文网首页
html中的4中定位

html中的4中定位

作者: 看天外云卷云舒 | 来源:发表于2017-06-15 09:50 被阅读0次

1.static

css中没有设置position样式时,默认就是static。位置设置为 static的元素,它始终会处于页面流给予的位置。没有脱离文档流(static 元素会忽略任何 top、bottom、left 或 right声明)

2.relative

css样式中position为 relative 的时候,可将其移至相对于原来位置的其他地方,例如"left:20px"会将元素相对与原来位置向左平移20像素。没有脱离文档流。

3.absolute

css样式中position为 absolute的时候,可以将元素相对其父元素,或者上级元素中距离最近的有relative的元素进行定位。此元素的位置可通过"left"、"top"、"right" 以及 "bottom" 属性来规定。元素脱离文档流

4.fixed

位置被设置为 fixed 的元素,可将元素相对于当前文档进行定位。此元素的位置可通过 "left"、"top"、"right"以及"bottom" 属性来规定。不论窗口滚动与否,元素都会留在那个位置。工作于 IE7(strict模式)。元素脱离文档流

相关文章

  • html中的4中定位

    1.static css中没有设置position样式时,默认就是static。位置设置为 static的元素,它...

  • html中position定位

    html中position有三个值:relative、absolute、fixed。 首先说position:re...

  • css定位篇-position

    html中position定位有: static (默认的定位方式,文档流) relative (相对定位) ab...

  • selenium中常用的css定位方法

    为学习css在selenium中的定位的,本来写了个html用来学习练习css 定位 1.html代码如下,大家可...

  • CSS 2.1

    定位 关于定位 “根元素”的包含块也称为初始包含块。在 HTML 中,根元素就是 html 元素,有些浏览器会使用...

  • html中的几种css定位

    1,static(默认) 当你没有为一个元素(例如div)指定定位方式时,默认为static,也就是按照文档的流式...

  • Html中页面组件定位

    html中有多种需求,需要获取到div对象在当前页面中的位置 方法1: 方法2: JS中获得窗口属性的方法 1。获...

  • 2018-05-18关于Selenium中元素定位不准问题

    首先简单总结一下selenium定位方法: 首先是HTML中如何定位 1.id定位 findElement(By....

  • js实现

    HTML中的脚本必须定位于 与 标签之间。脚本可被放置在HTML页面的 和 部分中