Question

我正在学习HTML5。我试图在浏览器中创建一个特定大小的部分，按钮文本等内容根据按下的按钮放在其中。麻烦的是，我似乎无法使该部分小于屏幕或在标题下方开始设定数量，因此它有一个＆＃34;寄宿生＆＃34;一路展示背景图片。这是我有的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);

   }

Answer 1

http://jsfiddle.net/wcpkM/

看到这个小提琴，也看看@TylerH评论。

使用时

top: 50px;

和你一样，你要么需要位置：绝对，相对或固定。除非绝对必要，否则不建议这样做。

Answer 2

而不是top:50px做margin-top: 50px。 Top: 50px仅在您拥有position:规则时才有效。

您的尺码问题是因为您还没有定义宽度。

在HTML5中使节正确的大小

2 个答案: