css - 在一篇文章中创建两个段落 HTML5

Question

我对 HTML5 很陌生。现在，我正在尝试对第一篇文章中的段落进行两个修改。我使用了 http://f6design.com/projects/parallax-scrolling/ 的一些片段.只是我想在介绍文章上写两段。我尝试了这种替代方法，但失败了。

    <div class="side-container">
        <!-- left side -->
        <aside>
        Left: Fixed width, 100% height of the window or right hand content
        </aside>

        <!-- main content -->
        <article>
        Right: Fluid width                       
        </article>
    </div>

http://jsfiddle.net/t3AxY/7/

这是我的代码 http://jsfiddle.net/sw8s4/
有什么建议如何做到这一点？

最好的，
塞巴斯蒂安

Answer 1

我会尝试这样的事情:

#content {
    z-index: 4;
    position: relative;
    max-width: 900px;
    padding: 0 10px;
    margin: 0 auto;
    line-height: 1.7;
}
#intro {
    float:left;
    width: 400px;
    padding-right:40px;
}
#manned-flight {
    width: 100%;
}
article img {
    height:30px;
    width:100%;
}

我不确定你的输出到底应该是什么样子，但这样你会得到两列。 其中第一个获得固定宽度，第二个调整大小以填充父级的其余部分。

更新您的 jsfiddle

现在你也可以把 height:100%; 放在 body, #content 和 #intro 上使其成为窗口高度的 100%。