Ruby's Louvre

每天学习一点点算法

导航

2012年4月28日 #

负值之美:负值在页面布局中的应用

摘要: 负数给人总是一种消极、否定、拒绝之感,不过生活中看到负数也会有惊喜之感,那就是看到银行给你邮寄的信用卡账单,本月的应付账款为负值时,且负值越大越好。好了,闲言碎语莫要讲,今天就表一表负值在页面布局中的应用。1.负边距+定位:水平垂直居中使用绝对定位将content的定点定位到body的中心,然后使用负margin(content宽高的一半),将content的中心拉回到body的中心,已到达水平垂直居中的效果。.content{ width:550px; height:400px; position:absolute; top:50%; left:50%; margin-left:-275px 阅读全文

posted @ 2012-04-28 10:50 司徒正美 阅读(2134) 评论(4) 推荐(5) 编辑

IE6 7下绝对定位引发浮动元素神秘消失

摘要: 该bug产生的条件是在IE6 7下一个绝对定位元素与一个浮动元素相邻。解决方法只能委曲求全了,绝对定位元素不挨着浮动元素To fix this bug is just not setting the absolutely positioned div beside the float div. 阅读全文

posted @ 2012-04-28 10:40 司徒正美 阅读(1356) 评论(0) 推荐(0) 编辑