尽管(看似正确)计算,但在h1上设置我的margin-top并不是复制px值

时间:2014-08-29 15:05:21

标签: html css

我一直试图通过将边距等设置为百分比来将我的网站转换为更具响应性。我根据页面的宽度将margin-left: 29px;转换为margin-left: 1.510416%;。然而,当我尝试根据页面的height进行相同操作时,经过检查955px,(将margin-top:25px设置为margin-top: 2.617801047),元素显着下降

网站的页面高度是否明显长于显示的长度?当我设置margin-top: 1%;元素几乎在正确的位置,但我不明白它的基础是1%的折扣以及如何找到确切的高度?

谢谢!

1 个答案:

答案 0 :(得分:4)

保证金百分比很奇怪margin-topmargin-bottom设置为百分比时,由浏览器根据包含元素的宽度计算。

不相信我?我不会责怪你。查看下面的文章或搜索主题。

http://www.impressivewebs.com/vertical-percentages-css/