Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html IE的问题与我的网站工作。内容区域和侧边栏重叠_Html_Css_Internet Explorer - Fatal编程技术网

Html IE的问题与我的网站工作。内容区域和侧边栏重叠

Html IE的问题与我的网站工作。内容区域和侧边栏重叠,html,css,internet-explorer,Html,Css,Internet Explorer,如果转到此页面: 在chrome、firefox等浏览器中,它很好,工作正常 但是,在IE(魔鬼)中访问网站,主要内容区域与侧边栏重叠。如何修复此问题?没有DOCTYPE。您的页面正在以怪癖模式加载。将其添加到html元素上方的页面顶部 <!DOCTYPE html> 我可以在CSS中看到一些非传统的方法。首先,为什么要使用绝对位置 您应该添加显示:块;和浮动:左;导航菜单和内容容器。无论使用何种浏览器,它们都将对齐而不重叠 如果您想让它更能防止故障,可以添加display:ta

如果转到此页面:

在chrome、firefox等浏览器中,它很好,工作正常


但是,在IE(魔鬼)中访问网站,主要内容区域与侧边栏重叠。如何修复此问题?

没有DOCTYPE。您的页面正在以怪癖模式加载。将其添加到html元素上方的页面顶部

<!DOCTYPE html>

我可以在CSS中看到一些非传统的方法。首先,为什么要使用绝对位置

您应该添加显示:块;和浮动:左;导航菜单和内容容器。无论使用何种浏览器,它们都将对齐而不重叠

如果您想让它更能防止故障,可以添加display:table;在包装器中,添加另一个具有display的包装器:table row;围绕菜单和内容,然后只需使菜单和内容显示:表格单元格

然后你会有一个div标签结构,它就像一个左右两个单元格的表格,并且它不会移动一个像素


尽管请记住,作为一种安全的做法,您应该尽可能地提供宽度和高度,并记住float元素(如果您决定使用display:block和float元素,这是CSS中的一种常规做法)有时需要一个CLEARFIX类(您可以用谷歌搜索它)但是在你的情况下,如果你提供宽度和高度,我认为没有必要。

你试过使用严格模式而不是怪癖吗?怪癖?我可以试试看这是否有用谢谢。我现在就接受