1. 爱易网页
  2. ASP.NET教程
  3. div+css格局和在浏览器中显示不一样

div+css格局和在浏览器中显示不一样

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

div+css布局和在浏览器中显示不一样？
本帖最后由 studyarea 于 2013-03-25 15:46:52 编辑
本人是学习新手，请大侠们看看吧。
总体布局：
<body>
    <form id="form1" runat="server">
    <div class="divAll">
        <div class="headdiv">
            <div class="logodiv">     </div>
            <div class="menudiv">     </div>
        </div>
        <div class="bodydiv">
            <div class="bodyleft">     </div>
            <div class="bodyright"> 
             <asp:ContentPlaceHolder id="ContentPlaceHolder2" runat="server">
             </asp:ContentPlaceHolder>   
            </div>
        </div>
        <div class="bottdiv">
        </div>
</div>
    </form>
</body>
下面是各个块属性定义
body 
{    text-align: center;    /*居中 */  
     font-size: 14px;   /* 字体大小 */ }
.divAll 
{    font-family: 宋体, Arial, Helvetica, sans-serif; /* 字体类型 */   
     width: 1010px; } 
.headdiv 
{    width: 1010px; }
.logodiv  
{    border: 1px dotted #FF9966;  /*边框宽度颜色 */ 
     width: 1010px;   /*层的宽度 */  
     height: 120px; } 
.menudiv  
{    border: 1px solid #FF0000;  
     width: 1010px;  
     height: 26px;  }/*层的*/
.bodydiv 
{    border-style: none solid none solid; /* 边框线类型 */  
     border-width: 0px 1px 0px 1px; /* 边框线宽度 */  
     width: 100%;  
     border-right-color: #FF0000;  
     border-left-color: #FF0000; } 
.bodyleft
{    border-style: none solid none none;  
     border-width: 0px 1px 0px 0px;  
     border-color: #FF0000;  
     float: left; /*float表示浮动,是div定位的要点,不使用folat,就不能实现左右定位布局*/  
     width: 100p

相关资料更多>

  1. 自定控件遇到的异常 MyCustomGrid”同时存在于
  2. 关于用户控件的执行顺序有关问题
  3. hold不停了
  4. 前台JS调用后台 函数有关问题
  5. 实现修改保存后提示页面的最佳解决方案解决思路
  6. 请问VS2010的有关问题
  7. 在.net中模版页面和框架的优势解决方案
  8. 小弟我现在抓取到一段HTML代码，可是小弟我只会用 Response.Write输出，请教小弟我如何才可以在特定的div或者table中输出啊只要是可以改变的特定位置就行
  9. js 传值有关问题 缺少对象