html - 请 CSS 帮我放置这些 div

Question

最近我对 CSS 很感兴趣。学习不同的东西。

我正在尝试像这样放置三个 div: http://i.stack.imgur.com/miN9G.png

我得到的: http://i.stack.imgur.com/eST25.png

(需要将图片作为链接发布。需要更多代表。当我有足够的时候我会修复它)

我应该添加另一个 div，将类设置为 example 'placeholder'使宽度与“信息”的大小相同？

如果你能做一个小例子，我会把那个代码放到我的代码中。

Answer 1

希望这就是你想要的？

.left {
	float: left;
	width: 300px;
	height: 300px;
	background-color: #111;
	margin: 2px;
}
.right {
	float: left;
	width: 200px;
	margin: 2px;
}
.right-1 {
	float: left;
	width: 250px;
	height: 100px;
	background-color: #111;
	margin-bottom: 4px;
}
.right-2 {
	float: left;
	width: 250px;
	height: 100px;
	background-color: #333;
}

  

<div class="left"> </div>
<div class="right">
  <div class="right-1"> </div>
  <div class="right-2"> </div>
</div>