加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 22:27:08 所属栏目:资源 来源:网络整理
导读:我对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;
}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读