CSS的float-left问题,在不同浏览器显示不一样

这个是在360浏览器,
这个是在IE浏览器,这怎么处理啊?

第1个回答  2015-07-10

你好,这个是不同浏览器的兼容问题导致的,你可以设置一个代码解决。

.two{float:left;
width:200px;height:200px;
background:#001BC6;

我用的QQ浏览器就不好遇到这种问题,因为他的内核比较先进,同时也兼容ie的内核,所以显示东西一般都是比较正常的,也不会出现这种页面东西错位的情况,打开网站的速度也比较快,我建议你可以去下载试试。

追问

问题我用QQ浏览器,别人不一样用QQ浏览器的。你这个代码也是不起作用啊

第2个回答  2015-07-10
你没有重置样式吧,试试 *{margin:0;padding:0;}追问

有啊,我写了 body div ul li{ margin:0;padding:0;}

第3个回答  推荐于2016-05-01
跟float没有关系。
浏览器的默认继承不一样,你主动加一个文字靠左就可以了。追问

代码怎么写?

追答

text-align:left

本回答被提问者采纳

不同浏览器显示CSS浮动的方式
因为你写的代码里,没有声明doctype,所以firefox和chrome将你的文档以非标准的quirks mode来解析代码,才会显示成不规范的样子。什么是quirks mode 可以参考一下:http:\/\/www.quirksmode.org\/css\/quirksmode.html 标准的做法:1、在文档最上方声明:<!doctype html> 2、修改css , .two{float:left;}...

...的时候, 在ie下与在firefox里显示的位置不一样啊,
float:left; 一般是这个属性导致了浮动div的位置不同,去掉和position:absolute的div同级的不position:absolute的div里的属性float:left; 就可以解决了。您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

CSS中float:left是什么意思?
在CSS中,"float:left"是一个关键属性,它的作用是让元素向左浮动。当多个div元素需要在一个页面上排列时,通常它们会按照默认的行内布局,即每个div占据一行。然而,通过在div的样式中设置"float:left",你可以打破这种默认行为,使得一个div能够与其相邻的元素在同一行上显示,从而实现多元素的并排布局...

float属性在手机安卓浏览器为什么要清楚浮动
1、背景不能显示 由于浮动产生,如果对父级设置了(CSS background背景)CSS背景颜色或CSS背景图片,而父级不能被撑开,所以导致CSS背景不能显示。2、边框不能撑开 如上图中,如果父级设置了CSS边框属性(css border),由于子级里使用了float属性,产生浮动,父级不能被撑开,导致边框不能随内容而被...

css浮动元素float:left第二行为什么靠右了?
这个应该是受到了兄弟元素浮动的影响,给靠右的元素添加一个caler:both;来清除浮动就可以了,。。。刚刚看你你发的图,这个是因为你的大盒子装不下了,溢出了

float left的问题 我网页显示的是竖着的3个text ,不是横着的??
不太明白你问的问题。1、如果想让DIV竖着往下,不用调什么,默认就是这样。2、如果想让它们横向一个挨一个排,每个DIV的CSS中都加上float: left;就行了 3、如果是行元素(比如超链接)就把它变成块元素。display: block;补充:有关布局时,用2方法时,一般是放在一个大DIV中。这样在大DIV上下的...

css样式兼容不同浏览器问题解决办法
-top: 21px;}*+html .submitbutton {margin-top: 21px;}什么是浏览器兼容:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,有的显示出来正常,有的显示出来不正常,我们在编写CSS的时候会很恼火,刚修复了这个浏览器的问题,结果另外一个浏览器却出了新问题...

css\/div做的浮动网页 当左右浮动的时候怎么当浏览器的窗口缩小的时候浮...
你这个问题就是最外层的div宽度没有固定,不但是缩小的时候会出问题,如果是在比你现在用的显示器更大点的显示器的话,一样会乱掉,最好的办法就是在最外面在加一个div 然后给个固定的宽度 设置外边距上下为0,左右自适应。...哎,不跑的话还叫浮动网页么.. 想解决问题把东西打包发邮箱吧,顺...

为什么在CSS样式里设置了float为left还是跑到右边去了咧
前面没清除浮动导致的 当父盒子剩余的宽度容纳不下新浮动的子盒子时,子盒子会另起一行,且它的上边界始终低于前一个浮动盒子的下边界。所以会造成在浮动在右边的样子

css中float:left什么意思?
避免因为过度使用浮动导致的布局混乱问题。同时,"float:left"并不改变元素的文档流顺序,只是改变了其在页面上的视觉表现。总的来说,"float:left"是CSS中非常实用的一个属性,通过合理地使用它可以实现许多有趣的布局效果。在实际开发中,需要结合具体的需求和场景来灵活应用这一属性。

相似回答