Html 拆分a<；部门>；一分为二<；部门>；水平对齐，而整体在另一个上垂直对齐<；部门>；

此代码：

#内容{
宽度：100%；
垂直对齐：顶部；
}
#普里莫{
*显示：内联块；
宽度：100%；
背景色：#aaaaff；
垂直对齐：顶部；
}
#第二{
*显示：内联块；
宽度：100%；
背景颜色：绿色；
垂直对齐：顶部；
}

一些内容

一些内容

一些内容


一些

内容

一些

内容

一些

内容

不确定我是否正确理解了您的问题，但您是否希望创建这种布局（请参阅代码片段）

编辑：现在以相同的布局编辑代码，但以div完成。 如果这是您想要的东西，我建议您看看Flexbox布局，这是一个很好的指南：

EDIT2:刚刚看到了您的模型图片，使用Flexbox布局是可以实现的，但是您需要调整大量像素/百分比/数字以获得您想要的精确布局，请参见第二段中的示例

.container{
宽度：200px；
}
.flex{
显示器：flex；
}
萨梅罗先生{
边框：2件纯黑；
高度：40px；
宽度：100%；
}
.正常{
高度：40px；
边框：2倍纯红；
}

所容纳之物
所容纳之物
所容纳之物
所容纳之物
所容纳之物
所容纳之物

不确定我是否正确理解了您的问题，但您是否希望创建这种布局（请参阅代码片段）

编辑：现在以相同的布局编辑代码，但以div完成。 如果这是您想要的东西，我建议您看看Flexbox布局，这是一个很好的指南：

EDIT2:刚刚看到了您的模型图片，使用Flexbox布局是可以实现的，但是您需要调整大量像素/百分比/数字以获得您想要的精确布局，请参见第二段中的示例

.container{
宽度：200px；
}
.flex{
显示器：flex；
}
萨梅罗先生{
边框：2件纯黑；
高度：40px；
宽度：100%；
}
.正常{
高度：40px；
边框：2倍纯红；
}

所容纳之物
所容纳之物
所容纳之物
所容纳之物
所容纳之物
所容纳之物

您可以使用float left和float right

我想这是你想要的。请查看：

`http://jsfiddle.net/ss7e0aso/`

---

您可以使用float left和float right

我想这是你想要的。请查看：

`http://jsfiddle.net/ss7e0aso/`

---

你能创建一个所需输出的模型吗？你能创建一个所需输出的模型吗？回答得好，但我需要只使用元素来实现相同的结果。回答得好，但我需要只使用元素来实现相同的结果。