html 距离上边缘,HTML - CSS边缘恐怖; 边距在父元素之外添加空格
我的css边距不符合我想要或期望的方式。 我好像我的标题margin-top会影响它周围的div-tags。
这就是我想要和期望的：
......但这就是我最终的结果：
资源：
Margin test
body {
margin:0;
}
#page {
margin:0;
background:#FF9;
}
#page_container {
margin:0 20px;
}
h1 {
margin:50px 0 0 0;
}
Title
Description
我在这个例子中夸大了边缘。 h1-tag上的默认浏览器边距略小，在我的情况下，我使用Twitter Bootstrap，使用Normalizer.css将默认边距设置为10px。 不重要，重点是; 我不能，不应该，不想改变h1标签上的边距。
我想这跟我的其他问题类似; 为什么这种CSS margin-top风格不起作用？ 问题是我该如何解决这个具体问题？
我已经阅读了类似问题的几个主题，但没有找到任何真正的答案和解决方案。 我知道添加padding:1px;或border:1px;解决了这个问题。 但这只会增加新的问题，因为我不希望在div标签上有填充或边框。
必须有更好的最佳实践解决方案吗？ 这一定很常见。
html 距离上边缘,HTML - CSS边缘恐怖; 边距在父元素之外添加空格相关推荐
- CSS单位em是相对于父元素还是当前元素的字体大小？
em是CSS中一个比较常用的相对单位,因此有必要注意一些坑点. 1em等于当前元素的字体大小,除非你在设置font-size 有很多文章说1em是等于父元素的字体大小!这种说法实际上是不准确的.看以下 ...
- @css flex 布局子内容将父元素撑开
flex 布局子内容将父元素撑开 遇到的问题: 需要显示的文本是通过富文本编辑器提交是文本(包含了p标签),展示时通过flex布局实现.如下图: 但是通过flex布局实现后发现文本内容过长时将后半部分 ...
- 微信小程序 CSS 解决子元素图片在父元素div宽高小的时候超出div范围
今天写小程序的时候发现了这么个问题,在div内添加了图片,给div一个边框,然后我就发现我的图片不在div的范围内了,而是向下偏移了一点 html: <view class="tel& ...
- CSS - 盒子模型 - 外边距
文章目录 一.外边距 属性 二.margin的简写方式 三.外边距可以让块级盒子水平居中 四.行内元素和行内块元素水平居中 五.外边距合并 相邻块元素垂直外边距的合并 六.嵌套块元素垂直外边距的塌陷 ...
- 如何用CSS快速布局（一）—— 布局元素详细
要快速进行网页排版布局,则必须对布局的元素有清晰的了解,才不会总是在细节处出错.这一篇先详解有关布局的因素作为布局基础:块级元素and内联元素.盒模型.准确定位.元素对齐.样式继承.下一篇则重点描述快 ...
- html定义盒子距离顶底端像素,css - 盒子内外边距
css - 边距 元素内边距 内边距是指元素包含的内容离元素边框之间的间距,内边距不能设负值.内边距(padding).(边框)border都会撑大盒子,在浏览器中显示的元素的尺寸可能包含了盒子的pa ...
- CSS进阶（7）—— 内联元素的掌管者line-height和vertical-align（上）
在CSS世界中,块级元素一般负责结构,而内联元素则负责文字内容,而CSS设计的初衷就是面向图文混合排版,因此内联元素在CSS世界中有着非常重要的地位.由于本章内容较多,因此特分为上下两章,依旧可以根据 ...
- css特性:空白外边距互相叠加
空白双边距是一个极容易误解的CSS特性.它不是CSS的bug,但如果我们一旦误解,将会给你带来很多麻烦. 先看如下demo代码: <!doctype html> <html> ...
- CSS边框、边距、轮廓（边框宽度/颜色/各边/简写属性/圆角边框/内外边距/高度宽度/框模型/轮廓宽度/颜色/属性/偏移）——万字长文|一文搞懂
目录 CSS边框 CSS 边框属性 CSS 边框样式 实例 CSS 边框宽度 实例 特定边的宽度 实例 CSS 边框颜色 实例 特定边框的颜色 实例 HEX 值 实例 RGB 值 实例 HSL 值 实 ...
最新文章
- OpenCV环境下Laplace(拉普拉斯)和Roberts基本边缘检测算子的实现代码
- 4.5 matlab三维曲面（mesh、fmesh、meshc、meshz、surf、fsurf、surfc、surfl）
- 【C++深度剖析教程24】C++中不同的继承方式
- 员工价值——如何体现自己价值，如何被自己的领导认可
- AspNetCore中使用Ocelot之 IdentityServer4（1）
- 洛谷 | P1010 幂次方
- python从html中提取文本_使用Python从HTML中提取可读文本？
- 2016/7/7 设置wamp2.5 mysql密码 重点是mysql版本
- opencv学习笔记1：图片灰度化
- Eclipse打开目标文件夹
- Windows 进程激活服务
- 《微信小程序-进阶篇》Lin-ui组件库源码分析-Icon组件
- 基于jieba库的词频分析
- iOS根据ts文件路径封装成m3u8文件及m3u8播放
- oracle转义chr,oracle特殊字符替换用chr
- 使用qq截图并进行文字提取
- Android注入要点记录
- Ubuntu16.04安装steam
- xshell进入管理员模式
- 苏宁易购开放平台_前三季度线上规模突破2000亿，苏宁易购三季度盈利7.14亿