CSS top、margin-top和padding-top的区别
来源:互联网 发布:网络投资挣钱 编辑:程序博客网 时间:2024/06/06 03:22
参考文献
CSS padding 属性
CSS里的padding是什么意思?
CSS margin 属性
top、margin-top的区别
padding指内边距,是盒子里面内容到边框的距离,不允许使用负值。
padding:10px 5px; 上内边距和下内边距是10px,右内边距和左内边距是5px。
padding:1px 2px 3px 4px; (上右下左)
padding:10px; 所有4个内边距都是10px。
margin指外边距,是边框到外部另一元素之间的距离,允许使用负值。
margin:10px 5px 15px 20px;(上右下左)
margin:10px 5px; 上外边距和下外边距是10px,右外边距和左外边距是5px。
margin:10px; 所有4个外边距都是10px。
top、margin-top的区别:
1、top、bottom、left、right是绝对定位,必须设置position为absolute。 margin一系列设置是相对定位。注意:如果用top等,而position未设置为absolute,那设置是不起作用的。
2、top这些在绝对定位的前提下,这个绝对定位,是相对body 或者 position:relative的父级元素的绝对定位。margin的相对定位,是指相对相邻元素的定位。
阅读全文
0 0
- CSS top、margin-top和padding-top的区别
- padding-top、margin-top和top的区别
- padding-top、margin-top和top的区别
- padding top与margin top的区别
- padding-top margin-top top
- css中top和margin-top的区别
- top和margin-top等的区别
- top、margin-top的区别
- top、margin-top的区别
- top、margin-top的区别
- top、margin-top的区别
- top、padding-top、margin-top的区别(以及个人总结)---前端进阶(随笔)
- top、margin-top的区别<转载>
- top、margin-top的区别 (转)
- css中的四种定位以及top和margin-top的区别
- 在CSS中span标签设置padding-top/bottom以及margin-top/bottom无效的解决方法
- margin-top、padding-top的值为百分比
- CSS入门(6)-margin、padding和top,绝对定位与覆盖的问题
- 信号量与互斥锁之间的区别
- TCP_server
- Android使用map存类名然后直接使用,很方便
- HDU 2795 Billboard 线段树
- SDUT 3661 山峰
- CSS top、margin-top和padding-top的区别
- Linux 升级 MySQL 5.7
- QThread类参考
- 在eclipse中启动tomcat,无法访问localhost:8080
- <转载>如何用git将项目代码上传到github
- java StringBuffer类和StringBuilder类
- c:if 判断集合是否为空
- Detected both log4j-over-slf4j.jar AND slf4j-log4j12.jar on the class path, preempting StackOverflow
- new Function