gpt4 book ai didi

html - CSS:标题条不填充浏览器的宽度

转载 作者:太空宇宙 更新时间:2023-11-04 14:59:44 26 4
gpt4 key购买 nike

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

如何在滚动时展开此标题选项卡?

谢谢。

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

最佳答案

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

jsFiddle example

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

关于html - CSS:标题条不填充浏览器的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16574791/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com