`
zhangyaochun
  • 浏览: 2560798 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

position为relative的限制

阅读更多

 

 

    本文主要来自:http://www.planabc.net/2008/08/13/limited_use_of_position_relative/

 

    下面的文案注释来自:http://www.w3.org/TR/2006/WD-CSS21-20061106/visuren.html#propdef-position

 

relative

The box's position is calculated according to the normal flow (this is called the position in normal flow). Then the box is offset relative to its normal position. When a box B is relatively positioned, the position of the following box is calculated as though B were not offset. The effect of 'position:relative' on table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, and table-caption elements is undefined.

 

 

    table定义position:relative属性无效。  可以给td加div,给div再设置

 

 

分享到:
评论

相关推荐

    css常见定位属性的使用

    在CSS中关于定位的内容是:position:relative | absolute | static | fixed。static 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。在本文中,任何一个元素都被文本流所限制了自身的位置,但是...

    css元素常见定位应用.html

    在CSS中关于定位的内容是:position:relative | absolute | static | fixed。static 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。在本文中,任何一个元素都被文本流所限制了自身的位置,但是...

    jquery实现限制textarea输入字数的方法

    jquery怎么实现限制textarea输入的字数呢?有需要的朋友可以参考一下我写的例子,当然如果有误,也希望大家能... position: relative; width: 730px; } .container span{ position: absolute; bottom: 20px; ri

    jquery随机展示头像代码

    先分析实现思路 需要一个容器,作为头像显示的区域。 容器内部需要头像图片... position:relative;} .Icon-Box li{ position:absolute; list-style:none;} .Icon-Box li img{ width:100%;} HTML 代码如下: <ul c

    Chevereto图片上传程序 v2.5.2.zip

    它支持本地上传和在线获取两种图像上传方式,并集成了TinyURL网址缩短服务 ...以前的Chevereto不需要MySQL数据库,现在需要了,不过这一改变只是为了提高图片的安全性。同时,集成了TinyURL的...relative_dir:相对路径

    一个 React 组件,可以通过简单的交互来裁剪图像/视频

    react-easy-crop 一个 React...因此,你需要用一个使用 position:relative 的元素来包装它,否则裁剪器将填满整个页面。import Cropper from 'react-easy-crop' class App extends React.Component { state = { image:

    Chevereto图片托管 3.10.13.zip

    Chevereto图片托管是一款非常简洁的PHP图片上传程序,可以将本地电脑上或者是网络上的图片上传到服务器上,集成了TinyURL的短地址服务,让使用者更加方便。... 在相册视图修正错误选择的相册的...relative_dir:相对路径

    程序员面试刷题的书哪个好-Web-:常用到的一些前端问题

    position的值, relative和absolute分别是相对于谁进行定位的? absolute :生成绝对定位的元素, 相对于最近一级的 定位不是 static 的父元素来进行定位。 fixed (老IE不支持)生成绝对定位的元素,通常相对于...

    程序员面试刷题的书哪个好-issue-summarize:常见问题总结

    position的值, relative和absolute分别是相对于谁进行定位的? absolute :生成绝对定位的元素, 相对于最近一级的 定位不是 static 的父元素来进行定位。 fixed (老IE不支持)生成绝对定位的元素,通常相对于...

    程序员面试刷题的书哪个好-hpushine.github.io:我的简历

    程序员面试刷题的书哪个好 前端知识总结 一些开放性题目 1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。...由于同源策略的限制,XmlHttpRequest只允许请求当前源

    程序员面试刷题的书哪个好-question:前端面试大全

    程序员面试刷题的书哪个好 前端面试题目大全 面试题目 本文旨在加深对前端知识点的理解,部分资料来源于网络 ...由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源,

    程序员面试刷题的书哪个好-hellow1:你好1

    程序员面试刷题的书哪个好 前端面试题目大全 面试题目 本文旨在加深对前端知识点的理解,部分资料来源于网络 ...由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源,

    程序员面试刷题的书哪个好-web:yixieqianduanmianshiti

    程序员面试刷题的书哪个好 本文旨在加深对前端知识点的理解,资料来源于网络,由本人(博客:) 收集整理。 ##一些开放性题目 1.自我介绍:除了基本个人...由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协

    程序员面试刷题的书哪个好-Front-end-Interview-questions:前端开发面试必备,包括了很多的基础前端知识点,非常有用

    程序员面试刷题的书哪个好 本文旨在加深对前端知识点的理解,资料来源于网络。 ##一些开放性题目 1.自我介绍:除了基本...由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源,为了实现跨

    程序员面试刷题的书哪个好-test:测试

    程序员面试刷题的书哪个好 本文旨在加深对前端知识点的理解,资料来源于网络,由本人(博客:) 收集整理。 ###一些开放性题目 1.自我介绍:除了基本个人...由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、

    jQuery详细教程

    position:relative"> jQuery 隐藏和显示 通过 hide() 和 show() 两个函数,jQuery 支持对 HTML 元素的隐藏和显示: 实例 $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p...

Global site tag (gtag.js) - Google Analytics