CSS Outer Div 与 Inner Div 一起移动

标签 css html

我创建了一个 CSS Desk帮助我解决问题的示例。

我有一个外部 div.mainPage,它有一个子 div.content。当我将 .content 的上边距设置为任意大小时,.mainPage 会随着内容移动。

我不希望发生这种情况,我希望 .mainPage div 保持在标题上方的顶部,内容开始于 160px down,在标题下方。

标题是固定的,因此只有内容会移动,以提供非常好的背景效果。

最佳答案

如果将内容元素上的 margin-top 更改为 padding-top,则 .main Page 上的背景将位于标题下方.这就是你想要的效果吗?

另外,请注意,您没有在 .mainPage 上设置相对、绝对或固定的 position 所以 z-index 将不起作用。

关于CSS Outer Div 与 Inner Div 一起移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20454919/

相关文章:

javascript - 为什么 closest() 方法在我的 javascript 代码中找不到最近的类?

javascript - Repl.it 上的自定义 404-Not Found 页面

html - 更改CSS中表类中所有td的颜色

css - 如何减少主页画廊上方和下方的空白?

css - 如何让一个div定位在表格的底部

javascript - 如何更改工具提示的位置

html - SVG - 百分比高度和宽度在 HTML5 中不起作用

html - Bootstrap 网格留下空列

html - 为什么浏览器仍然在 HTML5 中注入(inject) <tbody>?

javascript - 在 cakephp 中重新渲染元素 View 后,如何重新绑定(bind) javascript 事件