前端面试经典题目合集-列出display的值,说明他们的作用。position的值, relative和absolute分
display 的值的作用: 1.block 象块类型元素一样显示。 2.inline 缺省值。象行内元素类型一样显示。 3.inline-block 象行内元素一样显示,但其内容象块类型元素一样显示。 4.list-item 象块类型元素一样显示,并添加样式列表标记。
position 的值的定位区别: 1.absolute 生成绝对定位的元素,相对于 static 定位以外的第一个祖先元素进行定位。 2.fixed 生成固定定位的元素,相对于浏览器窗口进行定位(老IE不支持)。 3.relative 生成相对定位的元素,相对于其在普通流中的位置进行定位。 4.static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right z-index 声明)。 5.inherit 规定从父元素继承 position 属性的值。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。