CSS有关问题，请教第三个层为何老是跑到上面-ASP.NET教程-爱易网页

CSS有关问题，请教第三个层为何老是跑到上面

日期：2014-05-17　浏览次数：20584 次

CSS问题，请问第三个层为何老是跑到下面。



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="Web.Index" %>



<!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 runat="server">

    <title>title>

    <link rel="stylesheet" type="text/css" href="CSS/Index.css" />

    <script type="text/javascript" src="Scripts/Index.js"></script>

</head>

<body>

    <form id="form1" runat="server">

    <div id="divHead">...Head...</div>

    <div id="divBody">

        <div id="divNav">Nav</div>

        <div id="divStretch"><img src="Images/switch_left.gif" id="ImgArrow" alt="" /></div>

        <div id="divMain">body</div>        

    </div>

    </form>

</body>

</html>



html,body{padding:0; margin:0; font-family:宋体; font-size:14px; color:#333333;}



#divHead { height:100px; width:800px; }

#divBody { height:100%;  width:800px; }

#divNav, #divStretch, #divMain{ height:100%; float:left;}

#divNav  {height:100%; width:200px; background-color:Yellow;}

#divStretch {height:500px; width:6px; background-color:Red; }

#divMain { height:100%; width:100%; background-color:Green; }

我的问题是，我笔记本的宽度分辨率肯定大于800px，按道理说， #divMain（即背景绿色的那个层）应该与
#divNav, #divStretch 并排在同一行呀，可是现在他却跑到下一行了，请问如何解决。谢谢！

------解决方案--------------------
最后一个的宽度是100%？楼主你是为哪般，不明白你的逻辑

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

CSS有关问题，请教第三个层为何老是跑到上面

相关资料更多>

推荐阅读更多>