chrome css 宽度问题。电脑分辨率是1024*768 可怎么也无法在chrome下用css显示一个铺满屏幕宽度的div
其他浏览器都正常。html：<body><divid="main"><divid="headbar"><!--头部--></div></div></body>css：*{...
其他浏览器都正常。html：
<body><div id="main">
<div id="headbar"> <!--头部-->
</div>
</div></body>
css：
*{margin: 0;padding: 0;}
#main{
margin:0 auto;
width:1024px;
height:200px;
background-color:red;
}
结果个红色div根本没有1024的宽度。 展开
<body><div id="main">
<div id="headbar"> <!--头部-->
</div>
</div></body>
css：
*{margin: 0;padding: 0;}
#main{
margin:0 auto;
width:1024px;
height:200px;
background-color:red;
}
结果个红色div根本没有1024的宽度。 展开
展开全部
js
<script>
window.onload = function(){
document.getElementById('main').style.width = document.documentElement.clientWidth + 'px';
document.getElementById('main').style.height = document.documentElement.clientHeight + 'px';
}
</script>
html
<div id="main"></div>
追问
为什么chrome这么怪异的啊，无论我怎么设置，好像一个div的宽度就是比我设置的数值少100px左右的。给出的px数不能准确显示出来啊。你们能不能不能写一个刚好1024像素的div出来。要是其他客户机器的分辨率变了怎么办
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用JS控制外层DIV的宽度
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我运行你的代码一切正常啊
<!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>无标题文档</title>
<style type="text/css">
*{margin: 0;padding: 0;}#main{ margin:0 auto; width:1024px; height:200px; background-color:red;}
</style>
</head>
<body><div id="main"><div id="headbar"> <!--头部--></div></div></body>
</html>
<!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>无标题文档</title>
<style type="text/css">
*{margin: 0;padding: 0;}#main{ margin:0 auto; width:1024px; height:200px; background-color:red;}
</style>
</head>
<body><div id="main"><div id="headbar"> <!--头部--></div></div></body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
想满屏,直接width:100%; 不就行了吗
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
