css导致重叠,如何解决

html-css09

css导致重叠,如何解决,第1张

在two 和three 中间 插入一个<div class="clearboth"></div>

.clearboth { clear:bothdisplay:blockwidth:0height:0font-size:0overflow:hidden}

#three{width:xx}

因为relative相对定位是相对原位置的移动,不占用偏移出来的位置.我自己用两个方法:

1. 给需要定位的套个大的div,div用margin来调整位置.

2. 后面的元素margin-top=相对定位的top来解决.