最近在写网页的时候遇到一种情况,css+div在做定位的时候,跟着浏览器的窗口缩小,页面就跟着浮动了,乱七八糟 的,搜了一圈找到了一个解决办法,完美解决:由于我做的浮动是绝对定位(position:absolute),在外边加一个div层(给它一个父级),外边的div层加上相对定 位(position:relative),然后再去调整子级的位置(top,left等)。这一次,无论你怎么去缩小你的窗口都会岿然不 动的!示例如下:
原始的结构:<div class=”ceshi”><div class=”ceshi01″ style=”position:absolute;left:100px; bottom:0px;”></div><div class=”ceshi02″ style=”position:absolute;left:100px; bottom:0px;”></div></div>
修改后的结构:<div class=”ceshi” style=”position:relative;”><div class=”ceshi01″ style=”position:absolute;left:100px; bottom:0px;”></div><div class=”ceshi02″ style=”position:absolute;left:100px; bottom:0px;”></div></div>
按字母顺序浏览:A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
→我们致力于为广大网民解决所遇到的各种电脑技术问题 如果您认为本词条还有待完善,请 编辑词条