网页如何实现平均分成左右两部分

当你设置两个div长度为50%时会出现下面的情况!这是因为w3c盒子模型中的长度是包括border的长度的,所以当你设置了border为1px就超过了body的宽度所以就出现了换行的情况!

网页如何实现平均分成左右两部分_第1张图片

解决方法有两种:

1.去掉border,效果如下


2.如果需要加上边框加以区分两个部分的话可以给右边的div设个margin-right:-4px;(具体数字根据自己设定的border宽度而定)



源代码:




   
   
   




   


   



你可能感兴趣的:(网页如何实现平均分成左右两部分)