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 に答える