日期:2014-05-16  浏览次数:20633 次

为什么div无法对齐?
考虑到兼容性,把所有代码都贴过来。
这是一个自适应页面,显示宽度为98%。在不同的屏幕分辨率下,标题的div和textarea总也对不齐:
<!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" />
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<title></title>
<style type="text/css">
<!--
body {
font: normal 150% sans-serif;
margin:1px;
background-color:#3276B3;
color:#FFFFFF;
}
-->
</style>
</head>
<body>
<div style="width:98%;background-color:#1F4A6D;">标题</div>
<form action="" method="post" name="form" id="form" style="margin-bottom:0px;">
<textarea name="text" id="text" style="width:98%;background-color:#C2D5E6;font-size:1em;line-height:1.5;overflow-y:hidden;height:5em;">
</textarea>
<input type="submit" value="提交" style="background-color:#1F4A6D;font-size:1em;" />
</form>
</body>
</html>

求指点!
------解决方案--------------------

<textarea name="text" id="text" style="width:98%;background-color:#C2D5E6;font-size:1em;line-height:1.5;overflow-y:hidden;height:5em;padding: 0px;
border: none;">
</textarea>