CSS.2中才引入浮动，当时浮动的初衷，是实现类似word里的文字环绕图片的效果。
普通文档流，因为从上到下，从左到右，规定的太死了，每个元素都被限制了位置。所以才引入了浮动，形成丰富的页面效果。
定位的引入，更加增强了，页面布局的可能。
总的来说，页面布局的时候，有三种布局方式：普通文档流，浮动，定位。
希望对你有所帮助。希望能采纳。
不知道你设置的是不是接近满屏的页面 近似滚动条要占18像素的宽 所以如果你设置的宽超出了分辨率减去18像素的宽就有横滚动 要不你就减少宽度 要不就把外盒的宽调小然后用overflow把超出的隐藏了这个css是实现不了的，你可以通过js或者jq来判断，屏幕滚动到某一点上的时候，给对应的元素加上动画类。或者你还可以选着用现成的jQ插件来实现，页面滚到某一位置时，就会出现相应的动画，推荐你去百度搜一下 wow.js或则 aos.js
