工作小心得(关于绝对定位元素)

最新推荐文章于 2024-07-07 17:22:42 发布

weixin_30680385

最新推荐文章于 2024-07-07 17:22:42 发布

阅读量58

点赞数

原文链接：http://www.cnblogs.com/czf-zone/p/3202334.html

版权

先上代码：

<div style="width:300px; height:100px; position:relative; background:#0ff">
  <a href="####" style="position:absolute; display:block; top:0; left:0; bottom:0; right:50px; background:#000;"></a>
</div>

上面的代码，可以看出，绝对定位的元素，在没定义宽高的情况下，可以top，bottom，left，right四个属性同时定义来拉伸出其大小来。
这样做的好处是让绝对定位元素的尺寸拥有参照性，适应性。
此方法不兼容IE6

另外，现在越来越多的公司对table系列标签表示抗拒了。
但它的某些优秀特性确实无可否认的。
如果既不能用table系列标签，又想用table，不妨用 display:table 系列样式。
来实现div模拟table的效果。
W3School相关的说明地址：http://www.w3school.com.cn/css/pr_class_display.asp ;

转载于:https://www.cnblogs.com/czf-zone/p/3202334.html