我正在学习 HTML5。我正在尝试在浏览器中创建一个特定大小的部分,并根据按下的按钮将按钮文本等内容放置在其中。问题是我似乎无法使该部分小于屏幕或在标题下方开始一个设定量,以便在它周围一直有一个“边界”显示背景图像。这是我的 HTML5
<body>
<header>
<nav id="nav1">
<button id="b1"> Goals </button>
<button id="b2"> Habits </button>
<button id="b3"> Diary </button>
</nav>
</header>
<section id="goals">
</section>
这是我为该部分准备的 CSS
section
{
height: 700px;
background-color:blue;
overflow:auto;
top:50px;
transform:translateY(20px);
}
最佳答案
请参阅此 Fiddle,另请参阅@TylerH 评论。
使用时
top: 50px;
像您一样,您需要position:absolute、相对或固定。 除非绝对必要,否则不建议这样做。
关于css - 在 HTML5 中使部分大小正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23085305/