css 的问题，内容超出了屏幕一点点。。

Question

body {
     margin: 0px;
     padding: 0px;
     text-align:center;
}
div#header {
     clear: both;
     height: 50px;
     padding: 1px;
     width:1003px;
     text-align:center;
}
div#left {
     float: left;
     width: 200px;
     background-color: red;
     padding: 0px;
     margin: 0px;
}
div#right {
     float: right;
     width: 200px;
     background-color: green;
     padding: 0px;
     margin: 0px;
}
div#middle {
     padding: 0px;
     margin: 0px;
     width:1003px;
}
div#content {
     padding: 0px;
     margin: 0px;
     width:600px;
}
div#footer {
     clear: both;
     width:1003px;
     text-align:center;
}在1024×768 的屏幕上为什么会出现横向的滚动条？ 显示的内容超出了屏幕一点点。。

Answer 1

能否把页面代码也贴出来，单看css看不出问题，试了也没问题。

Answer 2

改成1000px也一样。<div id="header"><h1><a href="http://">Header</a></h1></div>
    <div id="middle">
        <div id="left">Port side text...</div>
        <div id="right">Starboard side text...</div>
        <div id="content">
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            
            </asp:ContentPlaceHolder>
        </div>
    </div>
    <div id="footer">Footer text...</div>

Answer 3

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder> 这里面放的什么？

Answer 4

<%@ Page Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="Web.index" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    fsfasfsf
</asp:Content>

Answer 5

IE和FF对CSS的width解析不一样
IE:width=margin+bordr+pading+width;
你的head的实际宽度是1005px;

Answer 6

http://www.rpg4sale.com/谁能帮忙把这个改成div + css 的呀？