调了一天的CSS的，为啥在firefox中会有白边呢？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了调了一天的CSS的，为啥在firefox中会有白边呢？相关的知识，希望对你有一定的参考价值。
我想要做的是左边一个DIV右边一个DIV，当窗口大小发送变化是会自动跳转大小，IE中完成没问题，可是为什么firefox中，当缩小窗口时，下边和右边会有白边呢？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My JSP 'index.jsp' starting page</title>
<script language="javascript" type="text/javascript"
src="$ctx /ui/jquery-1.4.2.min.js"></script>
<script>
function initSize()
var winWidth=$(window).width();
var winHeight=$(window).height();
$("#content").height(winHeight);
$("#content").width(winWidth);
$("#contentLeft").height(winHeight);
$("#contentRight").height(winHeight);
$("#contentRight").width(winWidth-$("#contentLeft").width());
$(initSize);
$(window).resize(initSize);
</script>
<style type="text/css">
body
margin: 0px;
padding: 0px;
font-family: "微软雅黑", "宋体";
font-size: 12px;
#contentbackground-color:#333
#contentLeftfloat:left;width:150px;background-color:green
#contentRightfloat:right;background-color:red
</style>
</head>
<body>
<div>
<div id="content">
<div id="contentLeft">left</div>
<div id="contentRight">"right"</div>
<div style="clear:both"></div>
</div>
</div>
</body>
</html>
代码运行测试正常，没有白边，您的浏览器是不是有问题，尝试清理下缓存文件，按ctrl+shift+del，调出火狐内置的清除最近的历史记录工具（或者按alt键弹出菜单，工具-》清空最近历史记录），然后选择清除全部的缓存和cookie
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。 参考技术A 其实这种效果通过css就可以实现的，下面的代码就是使用纯css实现的左右两列，左侧固定，右侧自适应的效果。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>css实现左侧固定宽度，右侧自适用宽度</title>
<style type="text/css">
html, body height: 100%;margin:0px;padding:0px;
.mainposition:relative;width:100%;height:100%;margin:0px auto;
.leftposition:absolute;left:0px;top:0px;width:150px;height:100%;background-color:green;
.rightwidth:auto;margin-left:150px;height:100%;background-color:red;
</style>
</head>
<body>
<div class="main">
<div class="left"></div>
<div class="right"></div>
</div>
</body>
</html>
效果预览：http://www.hcy9.com/demo/demo123.html本回答被提问者采纳 参考技术B
尝试着添加以下CSS样式：
html, bodyheight: 100%; // 设置页面主体的高度为浏览器的高
width: 100%; // 设置页面主题的宽度为浏览器的宽
margin: 0; // 将外边距设置为0
padding: 0; // 将内边距设置为0
参考技术C *margin:0;padding:0; 参考技术D 把代码帖上来，问题都没有描述清楚怎么给你建议？
17-7-27-日常学习react
啊啊啊啊啊啊啊，今天改了一天的css，因为项目是由两个开源项目整合而成，所以CSS合并的时候，超级超级奇怪，就一直在调。不过也学会了怎么调css。
之前觉得css很困难，不过调了一天，感觉还好，就是自己没有什么审美，上司又没有很明确的效果图，贼拉烦。然后由于项目里某个div内内容过多，导致整个页面有进度条，
找了半天找到一个方法，完美解决。
1. 页面不要滚动条，div中右侧放滚动条overflow-y: auto
2. react的render-return的标签的onclick事件，需要写入函数，如`onclick={()=>{this.setState{key: value}}}`,不过不太推荐这么写，最好把`this.setState`拿出来单独写成一个函数，在这里再引用比较好。
3. chrome 可以测试手机版，而且有多个手机版本可以测试（真的是第一次知道）。
最后忍不住多说一句，晚上在群里和别人扯淡，没想到还收了5R的红包，说是奶茶钱，然后顺便接了个薛定谔的私活，哈哈。
杭州前后端开发，求推荐。 实力不高，潜力无限。
以上是关于调了一天的CSS的，为啥在firefox中会有白边呢？的主要内容，如果未能解决你的问题，请参考以下文章
css3 序列帧动画制作出来有4条白边，求大神告知怎么去掉，或者怎么处理下，在线等