Question

CSS子标签设置

<style>
div.side-by-side { width: 100%; margin-bottom: 1em; }
div.side-by-side > div {float:left; width: 50%; } 这里这个
div.side-by-side > div > em { margin-bottom: 10px; display: block; }
h1 {font-size:20px; font-weight:bold;}
h2 {font-size:16px; font-weight:bold;}
</style>

子标签<div> 在火狐下面正常 在IE 下面 还是上下排列 在该处 手动添加 float:left; 正常
还有H1 H2 标签都正常 是不是 div.side-by-side > div 写法的问题 应该怎么写？

Answer 1

.side-by-side em{margin-bottom:10px;display:block}
。你要给div命名,比如
<div class="header">
<div class="header_top">
<img src="图片地址" width="" height="">
<h1>图片地址</h1>
</div>
</div>
他的css样式就是
.header{width:1000px;height:100px;margin:0 auto;}
.header_top{width:500px;height:100px;float:left;}
.header_top img{display:block;}
.header_top h1{width:200px;height:20px;line-height:20px;font-size:14px;text-align:center;color:#f00}

Answer 2

div.side-by-side div {float:left; width: 50%;}
div.side-by-side div em { margin-bottom: 10px; display: block; }

你这样写试试。

Answer 3

div.side-by-side > div

是只div.side-by-side下紧邻的div
最好给该div加个class
然后写成div.side-by-side div.div_class //换成你自己的类

Answer 4

div.side-by-side > div不要'>'这个符号呢？