Html DIV重叠与浏览器调整大小

我知道这已经被张贴过了，但我倾向于认为我的网站（***）的问题是不同的

当网站达到全尺寸时，它看起来与我所希望的完全一样，但当我要缩小浏览器尺寸时，文本（“关于国际商业园…”及以下）都与左侧的子导航（深灰色）重叠

我不知道发生了什么，我甚至不能在这里发布所有的html或css，因为其中一些是从我的wordpress博客主题中读取的，该主题有大约20个不同的脚本链接

我最初认为这与全长是12列有关，灰色菜单占2列，而文本占9列——当屏幕大小调整为奇数时，这就成了一个问题，但现在这对我来说没有多大意义

---

这是响应型div的常见问题吗

之所以发生这种情况，是因为

.span2

的宽度大于您在样式表中指定的宽度。例如，在屏幕大小

1199px

时，您将

.span2

宽度设置为

宽度：140px，而实际宽度为196像素。
当您将测量值设置为固定数量（如像素）时，保持div的良好响应可能很困难。相反，尝试使用百分比。对于字体，ems非常好，因为您可以在媒体查询中重置正文大小文本，并相应地缩放所有内容

例如，您可能需要考虑删除最小宽度以消除重叠问题。
更改此项：
.whatwhat {
  min-width: 400px;
  overflow: auto;
  float: right;
 }

为此：

.whatwhat {
  overflow: auto;
  float: right;
} 

调整大小时，文本将不再从div中流出。
您在
中的表格。span2
具有css
最小宽度：170px
，这是
的原因。span2
看起来与
重叠。span9
。固定桌子的宽度会有帮助。例如，给它一个100%的宽度

[编辑]
实际上，您可以尝试
.span3
和
.span8
？
我发现窗口宽度768px-979px有重叠，您可以修复媒体查询
以前,

您可以在下面使用这个css

   @media (min-width: 768px) and (max-width: 979px)
    .span9 {
    width: 470px;
    }

您的媒体查询不是很好。非常有用，请使用cookie。这很有效！将其更改为span 3和span 8，以便页面标题更适合表格。
   @media (min-width: 768px) and (max-width: 979px)
    .span9 {
    width: 470px;
    }