为什么div在浏览器中放大时会中断？

Question

我正在尝试使用wordpress开发响应式主题，但是当我在放大浏览器时我会分解。我正在给出一些css代码：

   .here {
        background: url("images/header-opacity.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
        float: left;
        position: relative;
        width: 100%;
        z-index: 100;
    }
container_24 {
  max-width:980px;
  margin: auto;
  position: relative;
  padding: 0;
  z-index:10;
  /* border-radius:5px; /* L */
}

.grid_24 {
   width: 99%;
}

.grid_24 {
  width: 99%;
}

.topsearch {
  float: right;
  margin-right: 22px;
  max-width: 700px;
}

.toplinks {
  float: right;
  font-size: 0.83em;
  max-width: 688px;
  transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
}

我正在给我的网站http://bassbrushes.diggsdev.com/blades/.I找不到任何解决方案。任何想法都会对我有所帮助。

Answer 1

我认为％100，％99值会导致此问题。如果你改变.container_24 .grid_24就可以了。

.container_24 .grid_24 {
    width: 980px;
}