Question

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

滚动时如何展开此标题标签？

感谢。

<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>

Answer 1

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

<强> jsFiddle example

如果由于某种原因你需要那些保证金，请将其放在表格上。

Answer 2

见this。我删除了100％的包装宽度。

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

希望这有帮助！

CSS：标题条不填写浏览器的宽度

2 个答案: