网页制作过程中div定位的三个问题

这几天要做单位的网站，对于做网站我也不怎么样，于是我便在网上参考了一个比较满意的网站，套一下来把这个工作结束了。在此期间遇到了三个关于div定位问题，

一般网站用div布局时都是从上到下分head 、body、 foot几部分 ，head 、body和foot 再从上到下从左到右分几块，在这中间我遇到了一个问题，本来从上到下分了几块计划都是不用绝对定位的，可是在这个过程中我把网页的第一部分topup块position设置成了absolute，在紧邻着他的mainbanner块习惯性的也加上了position：absolute 属性，这时便发生了在下面紧邻的从上到下几个块中必须都要用绝对定位来处理，否则便会发生div块向上重叠，这给我带来了很大困惑，最后我把第二个块mainbanner中的position：absolute 属性去掉后，以后的相邻的各块便不再需要用position：absolute 属性定位了。

还是这个网页中也是从上到下的几个div并列摆放导致排在第三位的div块总是向上重叠到第二个div块上，经检查发现是因为我在第二个块上，加了一个float：right属性,将这个属性去掉后就好了

另一个错误也是关于div的，本来我用两横两纵规划了四个图片链接可是发现总是最上面的两个能看到，下面的两个感觉存在并且位置也保留了就是看不到，最后发现居然是后面的两个div的属性设置了两次，两次发生了冲突，导致了后两个div块看不到。

 

转载于:https://www.cnblogs.com/alongwaytogo/p/5095067.html