【css】display与position
来源:互联网 发布:通过ip查mac地址命令 编辑:程序博客网 时间:2024/04/26 15:18
- display属性
- position 属性
display属性
每个HTML元素都有一个默认的display值,根据这个元素的不同,默认的display value 可是是 block 或者 inline
1) Block-level Elements
<div> <h1> - <h6> <p> <form> <header> <footer> <section> <ul> <li>
2) Inline Elements
<a> <span> <img>
3) display:none 和 visibility:hidden的区别?
visibility:hidden; 会保留元素隐藏前的位置,而display:none不会
position 属性
position 属性的可能值共有4个:static, relative, fixed, absolute
1)position: static
是html元素的默认position值,static的元素不会受top, bottom, left, and right (TBLR)的影响
2)position: relative
是相对于正常的位置,按照TBLR偏移,原来所占的空间仍然保留。
3)position: absolute
元素框从文档流完全删除,并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。
A “positioned” element is one whose position is anything except static.
另外当父级有padding等属性时以content为标准
4)position:fixed
元素框的表现类似于将 position 设置为 absolute,不过其包含块是视窗本身。
- 【css】display与position
- css Position 与 display
- css position,display 学习
- Css: position float display
- float、position与display关系
- css 中display&position的用法
- CSS学习.1(child,display,position)
- CSS布局---display position float属性谈起
- CSS中position和display理解
- CSS布局 ——display,position, float
- css position 对 display 的影响
- css布局定位(position + display)
- CSS布局(一):display、position、flot
- CSS中的position和display通俗理解
- CSS布局display,position, float属性
- CSS布局-----display,position, float属性
- CSS布局 ——display,position, float
- 【css布局】display、position、float、overflow
- Jmeter之Http Cookie Manager
- DC4C代码阅读(3)——代码目录结构
- 全错位排列
- HDU 2612 Find a way BFS 2次广搜
- 【Linux 基础篇】之网络、语言、级别等配置
- 【css】display与position
- iOS越狱检测总结及代码实现(JailBreak)
- PreparedStatement和Statement的用法区别
- SubShader 中的标签-LOD
- 【POJ】1789 - Truck History(克鲁斯塔尔)
- DC4C代码阅读(4)——注册节点:register node
- Spring DI
- css清除浮动大全
- Servlet JNICALL Java_calcServlet_calc