html - 我的网站定位<div>的问题

我是一个初学者，不是特质的开发人员，但是确实有一定的经验，并且我正在尝试学习，因此任何帮助将不胜感激。这是我要解决的问题。


我的某些容器class =“ section”，似乎在顶部或底部都有边距。应该将所有部分都冲洗在一起，并且无法弄清楚为什么前两个有这些白色边距，而最后一个没有。
底部的最后一个“部分”，不希望浮动：非常固执。


这是我的代码和CSS：

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

最佳答案

在您的css文件中，替换为

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

有了这个

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

编辑
您正在为div分配一个固定的高度，并期望图像跟随。将图像的高度设置为color_green，purple的相同高度。这应将所有东西“粘合”在一起。

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

关于html - 我的网站定位<div>的问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43474095/