很少朋友知道的margin 百分比是按参照物来计算的

ttx9n · 发表于 2014-6-26 11:20:39

margin 百分比是按参照物来计算滴，你不知道吧? 下面有个示例，大家可以参考下
复制代码代码如下:
<style>
#demo{
margin: 0 auto;
width: 1000px;
height: 500px;
background: #eee;
overflow: hidden;
/*垂直显示，改变参照物*/
/*-webkit-writing-mode: vertical-rl;*/
/*writing-mode: tb-rl;*/
}
#demo p{
margin:10% 1%;
background: #ccc;
}
</style>
<div id="demo">
<p>我是一个p哦</p>
</div>

margin:10% 1%;

横向显示的按宽度算

垂直显示是按高度算

留作纪念。多解释。

u7yxn9 · 发表于 2022-9-14 11:38:57

啦啦啦啦啦啦啦啦！

.l4 · 发表于 2022-12-19 16:59:52

刷屏刷屏刷屏

qq303604905 · 发表于 2023-1-13 08:58:19

刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷

qq303604905 · 发表于 2023-8-16 04:34:22

飞飞飞飞飞飞飞飞飞飞飞飞飞

123456 · 发表于 2023-9-1 15:08:31

很不错的样子

3mfwk4yf · 发表于 2023-11-9 14:07:17

激动人心，无法言表！

.l4 · 发表于 2024-3-17 23:16:58

先把创新班才能下班才能下班

z835648964 · 发表于 2024-3-30 04:22:55

这个源码还可以

.l4 · 发表于 2024-4-25 12:39:22

谢谢您的分享！

账号		自动登录	找回密码
密码			立即注册

[CSS] 很少朋友知道的margin 百分比是按参照物来计算的

相关帖子