Html safari margin top与chrome和firefox不同
我目前正在使用边距将页面内容从固定标题下推出。为了匹配标题的高度110px,我给了内容一个110px的边距。我见过safari在边距%方面有问题,但没有设置像素大小。出于复杂的原因,这需要使用上边距,但safari忽略了它。当我查看源代码时,它确实说有110px的余量,但它的行为好像有20px的余量。因此:Html safari margin top与chrome和firefox不同,html,css,safari,Html,Css,Safari,我目前正在使用边距将页面内容从固定标题下推出。为了匹配标题的高度110px,我给了内容一个110px的边距。我见过safari在边距%方面有问题,但没有设置像素大小。出于复杂的原因,这需要使用上边距,但safari忽略了它。当我查看源代码时,它确实说有110px的余量,但它的行为好像有20px的余量。因此: 为什么会这样 我怎么修理它 编辑 这是建立在地狱的引导主题上的。我认为这里没有填充选项?您是否尝试将框大小:边框框应用于CSS html { box-sizing: border-box;
这是建立在地狱的引导主题上的。我认为这里没有填充选项?您是否尝试将框大小:边框框应用于CSS
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
编辑:你试过了吗
top: 110px;
?
编辑:
添加一个高度为110px的DIV?蛮力…;)
十年前,我会使用透明的1x像素GIF,并将其高度设置为110px。我应该补充一点,这是基于引导的,我相信框大小:如果我没有弄错的话,边框框已经是全球性的了?使用填充将是一种选择,除非我这样做,因为某些原因,它们与边距结合在一起。这是一个可怕的网站,一个客户要求我们编辑它,它是用wordpress和有史以来最糟糕的基于bootstrap的主题制作的,我真的只想刺伤自己的眼睛。现在,我已经把它发泄出来了,不,我真的认为我必须找出解决现有利润的办法,用黑客攻击它!重要信息甚至不起作用,例如
margin:0!重要的;填充:…
ah crap,问题是边距仍然存在,在其他浏览器上,边距和div之间的差距将达到220px。有没有一种方法可以将css仅仅用于safari?缺点是chrome可以工作,所以我不能只针对webkit。如果是这样的话,我想填充应该会起作用。它已经起作用了,它只适用于其他浏览器,使它们有相同的220px间隔。删除以前使用的边距(?)。用蛮力法就不需要了。。。所有其他浏览器也理解暴力语言。我必须找到它,它不在样式表中,也不在该页面的html内联,我想不出他们还把它放在哪里了。看来找到它将是我唯一的希望:(我发现除了safari之外,所有浏览器上的body都位于固定标题之下,这是出于某种原因。但是没有一个浏览器在body标签上显示边距或位置。。。