Question

我正在尝试创建一些特定的div来保存内容，而我却试图用颜色创建它们。
我继续上传了一个关于我想要创造的东西的粗略想法，所以我可以告诉你们 http://imgur.com/lPJLuqE

我可以得到第一个大型广场而不是其他大型广场，任何人都可以获得一些见解吗？

＆＃13;

#row-one {
	padding-top: 1em;
}
#left-block {
	float: left;
	width: 45%;
	height: 25em;
	background-color: black;
}
#right-block {
	float: right;
	width: 45%;
}
#block-one {
	width: 100%;
	height: 12em
	background-color: black;
	vertical-align: top;
}

＆＃13;

<div id="row-one">
		<div id="left-block">
			<!--PLACEHOLDER-->
		</div>
		<div id="right block">
			<div id="block-one"></div>
			<div id="block-two"></div>
		</div>
</div>

＆＃13;

Answer 1

您在;之后错过了分号height: 12em，并且没有为#block-two指定样式。另外，您指定了right-block div的样式，但也遗漏了-中的<div id="right block">。

＆＃13;

#row-one {
	padding-top: 1em;
}
#left-block {
	float: left;
	width: 45%;
	height: 25em;
	background-color: black;
}
#right-block {
	float: right;
	width: 45%;
}
#block-one, #block-two {
	width: 100%;
	height: 12em;
	background-color: black;
	vertical-align: top;
    margin-bottom: 10px;
}

＆＃13;

<div id="row-one">
		<div id="left-block">
			<!--PLACEHOLDER-->
		</div>
		<div id="right-block">
			<div id="block-one"></div>
			<div id="block-two"></div>
		</div>
</div>

＆＃13;

试图创建3个特别布局的div

1 个答案: