HTML / CSS：章节+暂无问题

Question

我的备用栏和本节中的时间戳有问题。

        <section>
            <div class="thumbnail-title">
                Sample
            </div>

            <div class="thumbnail-image"></div>
            <div class="thumbnail-text">
                <div class="thumbnail-timestamp">
                    02-11-2016 18:51 P.M.
                </div>
                Hello this is random text that I will test today to see if my sizing is correct.
                ello this is random text that I will test today to see if my sizing is correct.
             </div>
        </section> 

        <aside>
            Random Aside Text.
        </aside>

如果我添加更多部分，则旁边的栏会坚持到最后一部分，即我希望其从顶部向下粘贴的地方。

另外，如果存在一个部分，但我的时间戳没问题，但是如果添加了更多部分，则将时间戳推送到文本下方。

这是CSS：

section,
aside
{
    margin: 20px 20px 24px 0;
}

section
{
    float: left;
    width: 55%;
    margin-left: 20px;
    border: 3px solid black;
    padding-bottom: 20px;
    border-radius: 10px;
}

.thumbnail-title
{
    border: 3px solid black;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 15px;
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}

.thumbnail-image
{
    float: left;
    height: 200px;
    width: 300px;
    border: 3px solid black;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 10px;
}

.thumbnail-text
{
    font-size: 18px;
    text-align: left;
    padding: 20px;
    padding-left: 20px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 10px;
}

.thumbnail-timestamp
{
    border: 1px solid black;
    text-align: right;
    float: right;
    width: 360px;
    height: 10px;
    padding: 2px;
    font-size: 10px;
    margin-bottom: 10px;
    border-top: none;
    border-left: none;
    border-right: none;
}

aside 
{
    float: right;
    width: 38%;
    padding: 10px;
    border: 3px solid black;
    border-radius: 10px;
}

我想我的网页看起来像这样： 理念

Answer 1

1. 注意保证金属性。 （我的意思是说margin: 20px 20px 24px 0;很酷，但是当您需要内联元素时，这是“危险的”）
2. 设置显示：内联代码块或使用Flexbox玩（令人惊奇）
3. 设置正确的宽度百分比。
4. 如果您设置一个边距：20px，它似乎并不大，但实际上它是巨大的（尤其是在调整大小或要在同一行中设置元素时）。

这是你想要的吗？ http://codepen.io/anon/pen/ZBrYde