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

html – 在调整页面大小时防止div移动,第1张

概述我对CSS很新,而且我正在努力让一个页面开始运行。我管理 成功地产生了我认为是一个很好的页面,直到我调整大小 浏览器窗口然后一切都开始移动。我不知道为什么 这是发生了! 有人可以给我一些建议吗当我调整窗口大小时,我会 像“对象”,留在他们的位置,但是调整大小的窗口。对于 例如,如果我将窗口的底角向上拖动到我左边 期待看到右下角有什么不舒服和滚动条 出现但左上角的对象将保持在哪里 他们是。 我现在在 我对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 – 在调整页面大小时防止div移动全部内容,希望文章能够帮你解决html – 在调整页面大小时防止div移动所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1116777.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存