dreamweaver中用float产生的界面和在浏览器中预览的不一样怎么解决
展开全部
float 在布局中起到很重要的作用,但同时它也会带来很多不稳定情况。特别是IE6浏览器,针对float有着各式各样的bug。
不知到你的具体代码是什么样的,我只能大概的讲一下。
用float,父级元素需要清除浮动,否则他不会包含float元素。这是最常见的问题。网上一大堆清浮动的方法。
还有就是float元素在IE6中双倍边距bug,3像素bug。
双倍边距是指,当内部元素同时具备float和外边距,且方向相同,它将与包含它的父级元素产生的边距加倍。
3像素bug,是指,相邻并排的两个元素,一个浮动,一个不浮动。非浮动元素里面的文本在浮动元素的方向上会产生3像素的缩进,如果非浮动元素设定高度,这两个元素之间将造成3个像素的外边距。
你先看看是不是因为这些个经典bug造成你的布局混乱。
不知到你的具体代码是什么样的,我只能大概的讲一下。
用float,父级元素需要清除浮动,否则他不会包含float元素。这是最常见的问题。网上一大堆清浮动的方法。
还有就是float元素在IE6中双倍边距bug,3像素bug。
双倍边距是指,当内部元素同时具备float和外边距,且方向相同,它将与包含它的父级元素产生的边距加倍。
3像素bug,是指,相邻并排的两个元素,一个浮动,一个不浮动。非浮动元素里面的文本在浮动元素的方向上会产生3像素的缩进,如果非浮动元素设定高度,这两个元素之间将造成3个像素的外边距。
你先看看是不是因为这些个经典bug造成你的布局混乱。
追问
我用的是IE8,也用360试了一下,但是dreamweaver上显示正常,但在网页上显示就错位了,我看了,就是因为float的设置,如果不用float,用margin显示就很正常,这是为什么呢
追答
Dreamweaver的显示效果只能做参考,应该时时以浏览器中的显示为最终效果。
尽量float元素避免用margin,使用父元素的padding定位比较稳定。
你的问题,最好把代码贴出来,这样说都是徒劳。
PS,测试了IE,就不用测试360了,360用的IE内核,一个东西。要测试就用IEtester,它可以测试IE5.5 - IE9,最高版本取决于你装的IE。然后是火狐 safari op chrome.
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询