草庐IT

webkit-margin-before

全部标签

javascript - html margin 问题 - "Shaking"网站

我在网站上工作,一切正常,除了我的网站“摇晃”。(我正在使用Chrome)我的主容器的边距在某些方面发生了变化,我不知道为什么。他们有相同的html代码,这肯定与主div-container中的内容有关我的网站:www.anitalernt.dehttp://www.anitalernt.de/about-us.html向左一点,http://www.anitalernt.de/index.html在获得任务后(只需点击一些按钮)。有人有想法吗? 最佳答案 始终显示滚动条html{overflow-y:scroll;}参见:Alwa

javascript - html margin 问题 - "Shaking"网站

我在网站上工作,一切正常,除了我的网站“摇晃”。(我正在使用Chrome)我的主容器的边距在某些方面发生了变化,我不知道为什么。他们有相同的html代码,这肯定与主div-container中的内容有关我的网站:www.anitalernt.dehttp://www.anitalernt.de/about-us.html向左一点,http://www.anitalernt.de/index.html在获得任务后(只需点击一些按钮)。有人有想法吗? 最佳答案 始终显示滚动条html{overflow-y:scroll;}参见:Alwa

html - 100% 高度 div,由于 margin-top 50px,滚动条离开屏幕 50px。自动溢出

我正在尝试布局一个页面,该页面在顶部和内容区域有一个水平导航栏,当内容太大时将获得滚动条。我目前的做法是将div宽度设置为100%;高度50px;绝对位置;前0;离开0;然后是高度为100%的第二个div;宽度100%;边距顶部50px;溢出:自动;然而,出现的滚动条偏移了50px边距,因此将内容推离了页面底部。如果我删除边距,一切正常,但它会将内容放在导航栏后面。我还尝试将它包装在一个容器中,并尝试将它们的边距和溢出部分放在child身上,但这似乎仍然没有达到所需的效果。jsFiddle,带有注释以尝试更好地解释它。http://jsfiddle.net/Piercy/hggXJ/H

html - 100% 高度 div,由于 margin-top 50px,滚动条离开屏幕 50px。自动溢出

我正在尝试布局一个页面,该页面在顶部和内容区域有一个水平导航栏,当内容太大时将获得滚动条。我目前的做法是将div宽度设置为100%;高度50px;绝对位置;前0;离开0;然后是高度为100%的第二个div;宽度100%;边距顶部50px;溢出:自动;然而,出现的滚动条偏移了50px边距,因此将内容推离了页面底部。如果我删除边距,一切正常,但它会将内容放在导航栏后面。我还尝试将它包装在一个容器中,并尝试将它们的边距和溢出部分放在child身上,但这似乎仍然没有达到所需的效果。jsFiddle,带有注释以尝试更好地解释它。http://jsfiddle.net/Piercy/hggXJ/H

html - CSS 过渡 : Strange unwanted delay in Webkit browsers (Chrome and Safari)

我希望有人能帮助解释我在Webkit浏览器中遇到的奇怪行为,以及CSS转换中不必要的延迟。这是我正在处理的页面的链接:http://demo.daised.com/help-me期望的结果是菜单栏在用户向下滚动页面时缩小。这在Firefox中完美地动画。但是,在Webkit浏览器中,导航项的字体大小的转换会延迟6(!)秒。感谢您帮助我更好地理解这一点。 最佳答案 此问题是由继承transition属性的元素上的堆叠过渡引起的。a,span{transition:0.5s;}a{padding:0.5em0.75em;border:1

html - CSS 过渡 : Strange unwanted delay in Webkit browsers (Chrome and Safari)

我希望有人能帮助解释我在Webkit浏览器中遇到的奇怪行为,以及CSS转换中不必要的延迟。这是我正在处理的页面的链接:http://demo.daised.com/help-me期望的结果是菜单栏在用户向下滚动页面时缩小。这在Firefox中完美地动画。但是,在Webkit浏览器中,导航项的字体大小的转换会延迟6(!)秒。感谢您帮助我更好地理解这一点。 最佳答案 此问题是由继承transition属性的元素上的堆叠过渡引起的。a,span{transition:0.5s;}a{padding:0.5em0.75em;border:1

html - 为 Mobile Safari (webkit) 重新创建 HTML5 范围输入?

所以我一直在为工作开发一个HTML5iPad应用程序,但遇到了一个问题。第一次开发这个应用程序时,我无法访问iPad,而是依靠桌面Safari快速整合我的应用程序(无论如何,可能不是最好的东西......)我不得不依赖于部分界面的输入范围。在看到HTML5有范围输入后,我很高兴,因为这正是我所需要的。我什至设法将它的样式完全按照设计的方式进行设计:这太棒了!...直到我实际在iPad上尝试过它,但它不起作用。仅显示文本输入。我现在想知道该怎么做......我确实需要一个slider,当拖动它时,它会吐出数据。显然需要触摸工作。在网上四处寻找之后,似乎没有可靠的解决方案。你们在这里有什么

html - 为 Mobile Safari (webkit) 重新创建 HTML5 范围输入?

所以我一直在为工作开发一个HTML5iPad应用程序,但遇到了一个问题。第一次开发这个应用程序时,我无法访问iPad,而是依靠桌面Safari快速整合我的应用程序(无论如何,可能不是最好的东西......)我不得不依赖于部分界面的输入范围。在看到HTML5有范围输入后,我很高兴,因为这正是我所需要的。我什至设法将它的样式完全按照设计的方式进行设计:这太棒了!...直到我实际在iPad上尝试过它,但它不起作用。仅显示文本输入。我现在想知道该怎么做......我确实需要一个slider,当拖动它时,它会吐出数据。显然需要触摸工作。在网上四处寻找之后,似乎没有可靠的解决方案。你们在这里有什么

html - 粘性灵活的页脚和页眉 CSS 在 WebKit 中运行良好,但在 Gecko 中却不行

我正在尝试构建一个允许灵活高度的页眉和页脚的布局,中间的部分占用剩余空间。中间的任何溢出都应该为这个中间部分提供一个滚动条。我拥有的适用于Safari和Chrome的代码是:html,body{margin:0;padding:0;height:100%;}.l-fit-height{display:table;height:100%;}.l-fit-height>*{display:table-row;height:1px;background-color:red;}.l-fit-height-expanded{height:auto;background-color:blue;di

html - 粘性灵活的页脚和页眉 CSS 在 WebKit 中运行良好,但在 Gecko 中却不行

我正在尝试构建一个允许灵活高度的页眉和页脚的布局,中间的部分占用剩余空间。中间的任何溢出都应该为这个中间部分提供一个滚动条。我拥有的适用于Safari和Chrome的代码是:html,body{margin:0;padding:0;height:100%;}.l-fit-height{display:table;height:100%;}.l-fit-height>*{display:table-row;height:1px;background-color:red;}.l-fit-height-expanded{height:auto;background-color:blue;di