使用CSS和HTML制作的网页上的列

Question

我正在创建一个网页，我不确定如何做某事。我做了一些研究，但无法找到答案。基本上，我想将页面的主体分成两列。在左侧，我想放图片，在右边，我想放文字。我该怎么做呢？请提供一个简单的解释，我是网页设计的新手

Answer 1

如果您不需要支持旧版本的IE，可以使用'flex'布局。

请参阅http://css-tricks.com/snippets/css/a-guide-to-flexbox/

body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
#container {
  display: flex;
  height: 100%;
}
#pics,
#text {
  flex: 1;
  color: white
}
#pics {
  background-color: blue;
}
#text {
  background-color: green;
}

<div id="container">
  <div id="pics">
    Pics here
  </div>
  <div id="text">
    Text here
  </div>
<div>