文章详情页

html - css权威指南的一处疑问(与盒子模型有关)

浏览：103日期：2022-11-07 14:48:46

问题描述

css权威指南中第173页的这段话是什么意思?“注意”中的描述貌似和代码与示意图没什么联系

问题解答

回答1：

这图看着是有问题，不知道有没有上下文

图片 caption 提到外边距，应该指 margin，然而 p 并没有设，默认 0

四周的银色部分 30px+20px = 50px，两个 p 隔着 20px ，应该是 5:2 关系，图片目测 2:1

p padding 为 0，除非特殊字体，文字应该紧贴左侧，字母 p 应该紧贴下沿才对

回答2：

父元素的 padding-top 会把子元素往下挤，子元素的 margin-top 则会自己往下移动留出边距。于是即使你子元素 margin-top -10px 带来上移 10px但是父元素加上 padding-top 10px ，又给子元素带来偏移，重新往下了10px，等于没动

HTML

上一条：javascript - getParameterByName解答下一条：javascript - angular2 如何监听windows resize？

相关文章：

1. mysql新建字段时 timestamp NOT NULL DEFAULT ’0000-00-00 00:00:00’ 报错2. css3 - css before 中文乱码？3. Mysql && Redis 并发问题4. javascript - 父选项卡bug，子选项卡好用，求解？5. php - 第三方支付平台在很短时间内多次异步通知,订单多次确认收款6. javascript - 请教空白文本节点的问题7. mysql - 一个表和多个表是多对多的关系，该怎么设计8. javascript - node服务端渲染的困惑9. javascript - 请问一下组件的生命周期beforeDestory是在什么情况下面触发的呢？10. javascript - 百度echarts series数据更新问题

排行榜

					
					css3 - IE浏览器下，一个元素设置overflow:auto后，出现下拉滚动条，拖动滚动条图片会移动，但文字不移动
docker start -a dockername 老是卡住，什么情况？
angular.js - angularjs 用ng-reapt渲染的dom  怎么获取上面的属性
javascript - 百度echarts series数据更新问题
javascript - 父选项卡bug，子选项卡好用，求解？
mysql - 一个表和多个表是多对多的关系，该怎么设计
php - 第三方支付平台在很短时间内多次异步通知,订单多次确认收款
mysql新建字段时 timestamp NOT NULL DEFAULT ’0000-00-00 00:00:00’ 报错
css3 - css  before 中文乱码？
java - wait()，notify(),notifyAll()  T2 start! T2 end! T1 start! 为什么会阻塞
javascript - 请问一下组件的生命周期beforeDestory是在什么情况下面触发的呢？
				

热门标签