margin设置为百分比的含义
2024-09-20 10:24:30
<!DOCTYPE html>
<html>
<head>
<title>magin为百分比</title>
</head>
<style type="text/css">
div{
margin:10% 5%;
}
</style>
<body>
<div>
<p>div</p>
</div>
</body>
</html>
代码很简单,那么div的外边距是多少呢?百分比相对于那里说呢?
我们可以把浏览器的窗口设置为1000px,通过调试器可以看到div的4个外边距为100px;说明外边距设置为百分比是相对于盒子的宽度而言的,而非10%相对于宽度,5%相对于高度。
这是因为div窗口的高度随着文档内容的增加一直在改变,而宽度是一定的。
最新文章
- 如何使用FileZilla上传和下载文件
- 百钱买百鸡问题 php版本
- NoSQL生态系统——事务机制,行锁,LSM,缓存多次写操作,RWN
- 使用SQL Server Audit记录数据库变更
- codeforces CF475 ABC 题解
- 九步轻松实现SVN创建管理项目
- mysql配置优化
- 《C和指针》章节后编程练习解答参考——第9章
- UML它 时序图
- Openjudge-计算概论(A)-鸡尾酒疗法
- bzoj 5290: [Hnoi2018]道路
- Borůvka algorithm
- [Swift]LeetCode910. 最小差值 II | Smallest Range II
- C#核心基础--类的继承
- Jenkins部署net core小记
- HUAWEI USG6000系列 &; NGFW Module V100R001 典型配置案例
- canvas实现验证码
- 学会谈判zz
- JEECG获取当前登录人的值
- django的render的特殊用法
热门文章
- linux -小记(1) 问题:";linux ifconfig查看网卡名称与配置文件不否"; 或 启动网卡提示“ eth0 似乎不存在, 初始化操作将被延迟”。
- 关于动态生成data组件
- DataTable/Array Linq查询,groupby
- [MySQL] 忘记root账户密码怎么办
- Hololens开发笔记之Gesture手势识别(手势检测反馈)
- 华为OJ题目:刷题
- 解决activity加上Theme.Translucent.NoTitleBar 页面跳转显示桌面
- js添加广告模块,随页面移动而移动
- js实现判断浏览器版本
- maven安装(linux)