0

尝试让标题标签条占据浏览器的整个宽度时遇到问题。下面是代码。在浏览器中查看该页面时，我会看到浏览器的水平滚动条，因此，当您向右滚动时，蓝色标签会被剪掉，露出白色背景。

滚动时如何让此标题选项卡展开？

谢谢。

<html>
<head>
  <style type="text/css">
    html, body, div { margin: 0;  padding: 0; }
    html, body,form, #wrapper, #left, #right { height: 100%; min-height: 100%; }
    #wrapper { margin-left: 10px;overflow: hidden; width: 100%;  }
    #left { background: yellow; float: left; width: 360px; }
    #right { background: grey; margin-left: 360px; }
  </style>

  <title>Example</title>
</head>
<body>
  <div id="tabstrip" style="height: 25px; background-color: #63a3c7; color: White;">
  </div>


  <form id="form1" runat="server">  

  <div id="wrapper">

    <div id="left">
      Left
    </div>

    <div id="right"></div>
  </div>
  </form>
</body>
</html>
4

2 回答 2

1

它来自margin-left: 10px;您的#wrapper. 删除它，问题就消失了。

jsFiddle 示例

如果由于某种原因您需要那一点边距，请将其放在表格上。

于 2013-05-15T21:03:44.757 回答
0

看到这个。我删除了 100% 的包装宽度。

#wrapper { margin-left: 10px;overflow: hidden; }

希望这可以帮助！

于 2013-05-15T21:07:23.210 回答