我的网站定位<div>有问题

Question

我是初学者而不是特质的开发者，但确实有一些经验，我正在努力学习，所以任何帮助都将不胜感激。以下是我要解决的问题。

1. 我的一些容器类=“section”，似乎在顶部或底部有边距。所有的部分应该被冲洗在一起，并且无法弄清楚为什么前2个有这些白边，但最后一个没有。

2. 底部的最后一个“部分”，不想浮动：左;它非常顽固。

这是我的代码和CSS：

https://fortuneinternational.box.com/s/u5su860o7a6ovbytzk5407p8lg8rs7jr

Answer 1

在您的css文件中，替换此

.girl_boat {
    width: 50%;
    text-align: center;
    float: left;
}

用这个

.girl_boat {
    width: 50%;
    text-align: center;
    float: right;
}

修改 您正在为div指定固定高度并期望图像跟随。将图像的高度设置为color_green，紫色的相同高度......这应该将所有东西“粘合”在一起。

.girl_boat {
    width: 50%;
    height:258px;
    text-align: center;
    float: right;
}
.view_image {
    width: 50%;
    height:258px;
    float: left;
    text-align: center;
}