html – 在调整页面大小时防止div移动

前端之家收集整理的这篇文章主要介绍了html – 在调整页面大小时防止div移动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我对CSS很新,而且我正在努力让一个页面开始运行。我管理
成功地产生了我认为是一个很好的页面,直到我调整大小
浏览器窗口然后一切都开始移动。我不知道为什么
这是发生了!

有人可以给我一些建议吗当我调整窗口大小时,我会
像“对象”,留在他们的位置,但是调整大小的窗口。对于
例如,如果我将窗口的底角向上拖动到我左边
期待看到右下角有什么不舒服和滚动条
出现但左上角的对象将保持在哪里
他们是。

我现在在做吗

看看我的页面的工作条件:http://aimmds1.estheticdentalcare.co.in/

然后尝试通过向左拖动正确的大小来调整浏览器窗口的大小。
并在头文件中看到内容,还有菜单栏,他们跳下来,标题内容也跳下来,我做溢出:隐藏; ..但是我知道这一切不是正确的方法

请在这里找到html和CSS:http://jsfiddle.net/swati/hCDas/

我已经尝试过prevent div moving on window resize,我尝试设置最小宽度:820px;对于div标题,主要包含div ..但是没有解决它。

感谢您的帮助。

解决方法

1 – 从BODY CSS中移除边距。

2 – 将所有html包装在包装器中< div id =“wrapper”>所有你的身体内容< / div>

3 – 定义包装器的CSS:

这将集中在页面上。

#wrapper {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}

猜你在找的HTML相关文章