css给div设置边框后浮动错位，css+div设置边框

div+css编辑样式,此处上下两个div重叠了一部分,并且错位1px,请问怎么解...

设计模式还是浏览器模式，如果浏览器模式是这样请发代码看看。

首先看看一个容器套两个字容器的情况，在我们做布局的时候网页中div之间的关系基本都可以简化到这种关系。

DIV重叠 CSS让DIV层叠、叠加，CSS让两个DIV或多个DIV按顺序重叠叠加篇让DIV重叠并按想要顺序重叠需要CSS来实现，即CSS绝对定位进行实现。

是你border-left；border-right；border-top；border-bottom这些后面的solid 1px的缘故，你这样就是给边框给了宽，所以预览的时候有空隙，你如果要边框的话就给它加上颜色，border-left：solid 1px #CCCCCC；不要就去掉。

相关问答

Q1: ...前两个框都是浮动左,第三个是浮动右,但我在DIV中输入文字就错位了...

因为第三个div块是写在第二个div块下面的，而且第二个div块的位置正常，没有浮动，它会一直占住它本来的位置。所以第三个div块不管怎么浮动都会被第二个div块挡下去。

如果3个div上下排列，第三个div加上float：right；的话，第三个div只是浮动到页面右面，不到到任何div下面。你浮动的是div，自然里面的文字不会浮动了。

浮动的取值如下： left：对象浮在左边 right：对象浮在右边 clear 清楚左，右 浮动。。

左浮动即float：left，使布局元素靠左浮动。右浮动即float：right，使布局元素靠右浮动。

Q2: css+div为什么经常会在设计模式下错位,但预览的时候就正常显示呢...

.top li{float：left； margin-left：20px； line-height：28px； width：52px； text-align：center} 这个应该能显示的吧。不会被选为无效的吧。。

设计视图乱是因为你写的代码还不怎么规范，我刚学CSS的时候也是你这样，浏览器中正常，但一点DW里面的设计就乱的要死。

因为每个DIV中的P都有宽度和高度，但外层的DIV都没有这些，有的浏览器就有可能将这两个P在一行显示（只是有可能），而另一些浏览器就有可能把这两个P显示到两行上。

cs.Phontol.com页面乱的原因是因为IE6认为一个DIV超宽了，所以把本应float；right的DIV挤了下去。

Q3: css+div做的网页在ie7里错位了,

margin-left值在低版本的IE中是现有通用标准的两倍。

网址是：http：//201915226/被仿的站：http：//pz.szqhqf.com 正常不正常 回复讨论(解决方案) 要么添加hack. 要么把这一堆放到这个里边，找寻同一个position：relative的父级。

IE8地址栏旁边有一个兼容性视图按钮，单击就可以在IE7的兼容性模式里显示网页，可以解决一部分问题。

后面两个标签要紧挨着。ie7下这个bug 依然存在。解决方案：给img设定 display：block。1失去line-height。div style=”line-height：20px”img /文字/div，很遗憾，在ie6下单行文字 line-height 效果消失了。。

css给div设置边框后浮动错位的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css+div设置边框、css给div设置边框后浮动错位的信息别忘了在本站进行查找喔。