[shaun236]

大家好，

我完全新的网页设计，我从头开始学习的东西与一些在线教程/ screencasts 。我需要什么帮助你们。

我有4个组在我的标记。一个是“包装”股利，而其他三个divs是显示一些图像和内容。我为中心的“包装”股利。所有这三个部内有平等的宽度也有平等的左，右边缘。该网页的外观非常的方式我希望它的外观，但是当我开始拍摄之后的某一时刻开始的图像重叠。

当我还增加/减少的最大宽度为“外壳”股利其他divs内不符合同样。我用％的宽度和幅度，我认为应照顾它。我做错了什么...请咨询？

我需要帮助如下：

1.When我放大图像开始重叠为什么？
2.When重置的“包装”最大宽度为什么没有其他divs坚持其立场？

请咨询我如何可以解决这些问题呢？我还附上我的标记文件。

在此先感谢！

HTML代码：


弹性布局





这是div1







这是div2







这是div3









的CSS规则

码：


机构（
保证金： 0 ;
填充： 0 ;
）

＃包装（
保证金： 0汽车;
最大宽度： 60em ;
边界： 1px点缀蓝色;
身高： 20em ;
）

＃ div1 **
浮动：左;
宽度： 30.1 ％ ;
保证金： 0 1.6 ％ 0 1.6 ％ ;
）

＃ div2 **
浮动：权利;
宽度： 30.1 ％ ;
保证金： 0 1.6 ％ 0 1.6 ％ ;
）

＃ div3 **
浮动：左;
宽度： 30.1 ％ ;
保证金： 0 1.6 ％ 0 1.6 ％ ;
）



附加档案 ElasticLayout.zip （ 4.7或）