0

也许是因为我从上午 10 点开始从模型中编写页面，现在是凌晨 1 点 30 分，但是我没有做些什么来让 3 个 div 彼此并排排列，它们之间的边距为 13px？最后两个浮动，但第一个是有问题的。任何帮助表示赞赏。

页面在这里，3 个 div 位于底部，白色，带有蓝色超链接标题：http ://sni-stage.scholastic.com/ezpublisher/index.cfm

我的CSS是：

.box1 {
   width:285px;
   height:141px;
   float:-left;
   background-image:url('/resource/uploads_scope/issues/images/at_A_glance_bottomBox.png');
}

.box2 {
   width:285px;
   height:141px;
   float:right;
   margin-left:13px;
   background-image:url('/resource/uploads_scope/issues/images/at_A_glance_bottomBox.png');
}

.box3 {
   width:285px;
   height:141px;
   float:right;
   margin-left:13px;
   background-image:url('/resource/uploads_scope/issues/images/at_A_glance_bottomBox.png');
}

谢谢你的帮助 ：-）

4

3 回答 3

1

我不确定这是否只是这里的错字。但float: -left在box1中我认为应该是float:left

于 2013-09-06T05:37:09.867 回答
0

您可以考虑使用display:inline-block，而不是浮点数。

于 2013-09-06T05:39:00.357 回答
0

是的，同意了。float: -left 似乎是问题所在。另外，在计算盒子的宽度时请小心。如果你将这 3 个盒子包裹在一个更大的 div 中，那么大 div 的宽度至少应该 > (285*3) + (13*2)。13 是 2 个 div 上的边距。

于 2013-09-06T05:45:56.307 回答