css - 冲洗权内的内容分区

标签 css html

我使用容器 div 设计了我 friend 的网站,以将包含多个 div 的内容居中。一切看起来都很好,所有 div 在 Dreamweaver“ View ”中看起来都是垂直对齐的。但是,一旦我上传了所有内容,“内容”div 就会以某种方式刷新到其余内容。

我真的很沮丧,不知道代码哪里出了问题。

这是 css:http://tmaniatv.com/home.css 这是网站:tmaniatv.com

编辑:到目前为止,我已经能够将它向左冲洗,但只是作为临时解决方法(margin-right:-200px;)

最佳答案

我看到了你的问题。去除边距:-200px;从您的内容 div 中,然后将该内容 div 及其容器从导航容器中移出。你的内容 div 只是漂浮在你的导航中 :)

您的代码结构应如下所示:

<body>
    <div id="container">
        <div id="header">...header content..</div>
        <div id="nav">...nav content..</div>
        <div id="content">...move me!..</div>
        <div id="footer">...move me too!..</div>
    </div>
</body>

我测试了它,这修复了它。

关于css - 冲洗权内的内容分区,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15328461/

相关文章:

html - 如何从 css 或 bootstrap 实现这条水平线

html - 将 textarea 包裹在 HTML 元素周围

javascript - 动态文本大小 JavaScript 在 IE 中不起作用

html - 为什么页脚不在底部

css - 在 Chrome 中按下鼠标按钮时悬停样式无法应用

jquery - 如何使用缩小代码处理引导工具提示?

css - Zurb 基础中的按钮定制

html - CSS3 100vh 在移动浏览器中不恒定

javascript - 是否可以根据另一个表单的输入更改 HTML5 范围 slider 的最小值和最大值?

javascript - 单击按钮时的 JQuery 文本替换