html - Opera 将 div 向右拖动

标签 html css

我在 Opera 中遇到问题:当将浏览器宽度扩展到一定量时,div 从屏幕中间跳到右侧,靠近另一个 div。 Firefox 和 Chrome/Safari 运行良好,而 Opera 在它运行之前就开始出现问题。

这是CSS代码

    root { 
    display: block;
}
body{
    margin: 0px;
}
.middle_frame{
    width: 600px;
    height: 600px;
    max-width: 600px;
    max-height: 600px;
    margin: auto;
}

和HTML代码

<body>              
        <div class="middle_frame">
                <div class="plz_list" id="plz_div">
                     blabla
                </div>
        </div>
</body>

加上一张之前/之后的图片:-)

how it should be and how it is until I expand

how it looks afterwards

最佳答案

你为什么不尝试用 margin:auto 和 width:600 创建主 div;并将整个网站放在那里?那时你会避免那些 Action ,即使是那样。

你的问题也可能是顶部菜单中的 float:left 引起的,一旦你将浏览器扩展到某个点,你就可以将 menu 和 middle_frame 放在一起 opera 正在做。

整个内容的额外 div 将修复它

关于html - Opera 将 div 向右拖动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11092199/

相关文章:

html - 将内联 SVG 转换为 SVG 文件

jquery - 为什么这个 jQuery 对象未定义?

jquery - 将 child 的类(class)添加到 parent

php - 多个 <head> 和 <body> 标签

html - 背景无法在 Chrome 中正确呈现

javascript - 确定元素是否将通过 CSS3 过渡设置动画

javascript - 设置 Canvas 背景颜色

html - 为什么在 CSS 属性未更改时会发生 css 转换?

html - 弹性框根据屏幕分辨率对特定项目进行分组

html - 图像标题宽度与图像相同