与任何其他浏览器相比,safari上的负边距不同
与其他浏览器相比，Safari 浏览器在处理负边距时有一些特殊的行为。负边距是指将边距的值设置为负数，这可以使元素在页面上向相邻元素或父元素重叠。在 Safari 浏览器中，负边距的处理方式与其他浏览器（如 Chrome 和 Firefox）略有不同。
在 Safari 浏览器中，负边距不会影响到其他兄弟元素或父元素的位置，而在其他浏览器中，负边距可能会导致其他元素的位置发生改变。此外，Safari 浏览器还对负边距的最小值和最大值有限制，这可以防止元素在页面上的位置发生异常。
总的来说，Safari 浏览器的负边距处理方式与其他浏览器存在差异，因此在开发网页时需要特别注意这一点。为了确保网页在不同浏览器中的兼容性，建议使用 CSS 的其他布局方法，如 Flexbox 或 Grid 布局，来实现元素的定位和重叠效果。
相关·内容
2回答
css- DIV元素的支柱轮廓没有显示或不正确
css、outline
这是我在寻找另一个错误的时候想到的。
奇怪的事情正在发生..。
.blok {
outline: 1px solid red;
}
.blok > label {
padding-top: 7px;
margin-bottom: 0;
text-align: right;
width: 41.66666667%;
float: left;
outline: 1px solid green;
}
.blok > div {
outline: 1px solid yellow;
height: 50px;
}
<div class="
浏览 1提问于2015-11-23得票数 3
回答已采纳
4回答
负边际的概念--我理解了吗？
html、css、margin
我读到了负边距--顶部和左侧获取元素并将其推向这个方向。另一方面，负的下边距和右边距将其余内容绘制在元素上。
问题
我有一个浮动元素float:right；包装在body标记中。左边距为负将使其向左移动。
负的右边距根本不会做任何事情，因为文档在这个负的边界开始的地方结束，并且没有任何东西可以在元素上绘制(或拖过它)？
我说的对吗？
浏览 1提问于2012-11-18得票数 2
回答已采纳
2回答
“可视”以外的“溢出”值对块格式上下文的影响
html、css
这个问题类似于 (有一个很好的答案)，尽管我的问题与浮动问题无关。
最近，在试图对块级元素的唯一子元素应用边距时，我遇到了一些麻烦：
#parent {
background: rgba(255, 0, 0, 0.1);
}
#child {
margin: 30px 0;
padding: 20px;
background: rgba(0, 255, 0, 0.1);
}
<div id="parent">
<div id="child">Foo</div>
</div&g
浏览 4提问于2014-06-03得票数 8
回答已采纳
1回答
为什么添加或移除边框会改变边距的工作方式？
html、css、border、margin
如果我有一个容器，里面有一个有边距的元素，那么元素边距不会在容器中向下推，而是向下推容器本身。这一点虽然令人讨厌，但可能正是w3c决定它将运行的原因。但奇怪的是，如果我向容器中添加一个边框，那么该元素现在将在容器中向下推，然后容器将与上面的元素(我想要的)并排。到目前为止，我使用的大多数容器都有边框，这样我就可以知道所有的容器是如何排列的，但现在我已经决定开始添加背景颜色，去掉空白处，以使一切看起来更好看。我正在处理大量的问题，即没有任何一个容器背景颜色适用于它们的容器之间的空白。
在我不清楚的情况下，我创建了一个jsfiddle来演示这个问题，通过查看html / js，单击该按钮，只会切换
浏览 2提问于2014-10-02得票数 2
回答已采纳
3回答
边距占用空间，但没有背景
html、css、margin
我有树层:菜单，内容和页脚。
内容层有白色背景。当我将另一个div放进内容层中时，它设置了边距，而不是边缘顶部的白色背景。因此，我的文本仍然定位在我的内容层的上边框，在菜单和页脚之间有20‘t空间，这是我不想要的。
#textfield {
margin: 20px;
}
我怎么解决这个问题？
浏览 3提问于2013-12-30得票数 0
回答已采纳
4回答
为什么要使用负边距？
css
看看这里的一些CSS，我注意到：
.head{position:relative;overflow:hidden;margin:-30px 0 0 -25px;width:820px;padding:20px 25px 0 25px;background:url(/images/bkg.gif) 0 0 no-repeat;}
为什么要设置-30和-25px的边距？
浏览 0提问于2009-12-03得票数 1
回答已采纳
5回答
删除浏览器自动获取的页边距
css、bootstrap-4
当我们使用bootstrap创建网页时，我们可以设置页边距。但网络浏览器也获得了一些利润。尽管根据CSS文件中的容器，以div(class="container-fluid")或margin:0; and padding:0;形式编写代码，但我无法解决这个问题。你能帮帮我吗?
浏览 0提问于2017-06-25得票数 4
3回答
Div推动兄弟姐妹分部的内容
javascript、css、html
我在主体(a)和(b)中嵌套了2个div。Div (b)有负的上缘，因此它位于div (a)的顶部。
一切都很好，除了div (b)的内容被卡在底部，在div (a)下面，因为它看起来他们的父版本的css属性并没有影响他们。
下面是html：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Website</title>
<script src="js/jquery-1.9.1.min.js"></sc
浏览 3提问于2013-09-15得票数 0
回答已采纳
4回答
为什么在div上设置边距不影响子内容的位置？
html、css
我想更清楚地理解css边距是如何与div和子内容一起工作的。
如果我试试这个..。
<div style="clear: both; margin-top: 2em;">
<input type="submit" value="Save" />
</div>
...the保存按钮对用户角色是正确的(边距失败)：
如果我把它改成这个..。
<div style="clear: both;">
<input style="margin-top: 2em
浏览 7提问于2010-03-07得票数 5
回答已采纳
1回答
RelativeLayout对齐父*边*+边距*边*
android、android-layout、android-relativelayout、android-framelayout
我注意到在RelativeLayout中有一个奇怪的行为，当你将一个视图对齐到布局的一侧(任何一侧)，并且在同一方向上有很大的边距。
我有2个RelativeLayouts，每个都包含一个简单的视图。在一个布局中，视图与顶部和左侧对齐，在另一个布局中，视图与底部和右侧对齐：
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="
浏览 54提问于2013-09-11得票数 19
1回答
在CSS中，为什么多个元素上的"float: left；display:table；left: x“的组合会使边距减少？
html、css、css-tables
在处理布局时，我决定尝试将主列的基于浮动的布局与子元素的基于表的布局相结合。因此，我的html/css标记是这样的：
HTML：
<div class="column">
<div class="sub-element"></div>
<div class="sub-element"></div>
</div>
<div class="column">
<div class="sub-element"&
浏览 0提问于2013-02-19得票数 11
回答已采纳
3回答
重叠的div提供了许多不必要的空间。
css、html、overlapping
我有一个情况，我有两个要素，这是如下在这篇文章的底部。
我希望我的FrontPageMenu重叠，所以它在重叠我的地图上，所以它作为一个菜单工作。您可以看到它在：上工作。
为了完成这项工作，我使用了以下位置:相对位置；顶部：-550 my；但是，这给了我图像下面550 my的空白;-)
基本上，我想删除这个空白，而所有的工作。
一个解决方案可以是定位:相对；顶部:550 is；在其余的内容中，但我甚至不想评论这是多么愚蠢;-)
希望你们能对此发笑，说：“把这块地放进去！”
全图--一种使用CSS的图像地图
<dl id="fullMap">
<
浏览 4提问于2012-01-11得票数 2
回答已采纳
4回答
当其他div改变位置时，使div改变位置
html、css、position
我正在努力理解css的定位。我想要做到的是:当我设置一个div位置时，div在它之后，改变第一个div移动的位置方面，而不重叠它们。让我们举一个例子：
<div class="wrap">
<div class="box1">
</div>
<div class="box2">
</div>
<div class="box3">
</div>
</div>
CSS
.wrap{
浏览 4提问于2013-06-08得票数 0
回答已采纳
2回答
Chrome/Safari和Firefox之间奇怪的边际差异
html、css、margin
我最近设计了一个网站()，主要是在编码时使用Chrome进行测试。我最近注意到在某些部分的结尾发生了一些奇怪的事情，(历史之后的空隙，样式到解剖学的重叠)。
我的样式表中有一个css重置(不确定是否与此有关)，我不知道这是什么原因造成的，以及如何让网站看起来像它在Chrome中的样子
浏览 3提问于2013-02-04得票数 0
2回答
保证金有时起作用，有时不适用于不同的文档类型
css、margin
考虑以下HTML代码：
<style>
td {
padding: 5px;
}
</style>
<p>
1233
</p>
<table>
<tr>
<td>
<h3>Some text</h3>
</td>
</tr>
</table>
如果我使用<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTM
浏览 0提问于2014-04-24得票数 0
回答已采纳
1回答
为什么边距不被父元素所包含？
html、css、margin
当带边距的元素包含在另一个元素中时，父元素不会始终包装/包含该边距。
许多事情会导致父母限制孩子的保证金：
border: solid;
position: absolute;
display: inline-block;
overflow: auto;
(这只是一个小小的测试，毫无疑问还有更多。)
我认为这与利润缩水有关，但：
W3C规范页面没有对此类行为的描述。
这里没有重叠的边距。
在这个问题上，所有浏览器的行为似乎都是一致的。
此行为受与边距无关的触发器的影响。
默认为overflow: auto的元素应该包含与溢出设置为auto的不同材
浏览 4提问于2010-02-01得票数 55
回答已采纳
2回答
使边距扩展包含元素而不是逃避它？
html、css、margin
当我将边距应用于元素而不是扩展其包含的元素时，它会在元素之外创建边距。因此，下面的代码在div的彩色背景之间有一个空格。
这一切为什么要发生？在我看来，扩展包含div的内容似乎更符合逻辑(因此，在代码示例中，没有空白，颜色的“条形图”会更胖)。
有办法用CSS我可以阻止它发生吗？
<div class="one">
<p>Text</p>
</div>
<div class="two">
<p>Text</p>
</div>
<div class=&#
浏览 0提问于2013-11-22得票数 0
回答已采纳
2回答
在这个简单的例子中，子边距不影响父级的高度：
.parent{ background:
black;
}
.child{
background: LightBlue;
margin: 20px;
}
<div class="parent">
<div class="child">Some text...</div>
</div>
JSFiddle：
默认情况下，子边距一般不影响父元素的父级高度，通常通过在父元素中添加一些边距可以“推”到中的内容来修正父元素的，例如向父元素
浏览 2提问于2015-01-07得票数 102
回答已采纳
1回答
我的介绍照片稍微覆盖了IE和Chrome上的面包屑面板，请看这里它在Safari和火狐上看起来很好。我已经在互联网上阅读了关于IE的css特定代码，并尝试了不同的方法来修复它，但它不起作用。我做错了什么？谢谢!
<!--[if IE]>
<style>
.breadcrumbs {
margin-top: -22px;
}
</style>
<![endif]-->
<style>
.ie .breadcrumbs {
margin-top: -22px;
}
&
浏览 0提问于2016-01-15得票数 0
1回答
页面在Safari中向上移动，而不是在其他浏览器中
css、safari
我的网站在其他浏览器上运行良好，以前在Safari中也可以正常工作，但我只是注意到导航元素现在向上移动了。有没有人能推荐一下css需要修改的地方？谢谢!
我通常使用带有firebug的firefox，但我不知道如何使用Safari中的开发工具来测试css更改，所以我在这里追赶我的尾巴……
浏览 0提问于2013-07-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
