我们在书写网站代码的时候,经常为了实现某些预期的效果,需要使用浮动来实现,但是有的时候因为书写浮动代码会导致整体网站样式错乱,一般检查会都会发现多出一个P标签,这个似乎我们就需要删除处理掉这个P标签。
当然我们还可以在css中添加清除浮动的代码,这样也可以清除浮动,然后在html中调用清除代码就可以了。
css代码:
.clear{clear:both;font-size:0;height:1%}
html代码:
这样的方法就清除了所有的浮动,但是如果想要只清除左边的,或者是只清除右边的,这样就不够灵活了,这里还有一个方法:
HTML代码:
Float left
Float right
CSS样式:
#wrap{ border:6px #ccc solid; overflow:auto; _height:1%;}.column_left{ float:left; width:20%; padding:10px;}.column_right{ float:right; width:75%; padding:10px; border-left:6px #eee solid;}
这样就会更灵活,更方面使用。
以上就是网站因浮动出现网页错乱的解决方法的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持错新网。
评论列表()