css – 如何使用页面高度百分比设置HTML元素的边距?

前端之家收集整理的这篇文章主要介绍了css – 如何使用页面高度百分比设置HTML元素的边距?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个div,我想位于页面开头10%以下.如果我使用这个CSS规则:

#div-block{
   margin-top: 10%;
}

div的计算margin-top约为192px(我的屏幕分辨率为1920 x 1080),因此我测试的所有浏览器都使用页面的宽度(而不是高度)来计算值.

如何使用仅使用CSS的高度(假设为1080px)进行计算?

最佳答案
使用宽度计算百分比是正确的行为.您无法根据高度的百分比设置保证金.

一种可能性是设定位置:绝对;元素前10%,或使用JavaScript.

http://jsfiddle.net/g8Re6/

原文链接:https://www.f2er.com/css/427584.html

猜你在找的CSS相关文章