欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！

您现在的位置是：首页 > web前端

javascript布局查看器效果代码_javascript技巧

程序员文章站 2022-04-18 14:02:31

...

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<style> 
body{ 
    margin:0 auto; 
    width:950px; 
    font-size:12px; 
    text-align:center; 
} 
#wholebody{ 
    width:950px; 
} 
.newline{/*仅应用于右侧*/ 
    clear:both; 
    width:700px; 
} 
    #top{ 
        height:auto; 
    } 
    .left_square{ 
    } 
    .right_square{ 
    } 
    #topic{ 
        height:100px; 
    } 
    #left{ 
        float:left; 
        width:250px; 
    } 
        #left_qq{ 
            height:80px; 
        } 
        #left_inquire{ 
            height:220px; 
        } 
        #left_master_page{ 
            height:200px; 
        } 
        #left_online{ 
            height:220px; 
        } 
        #left_keyword{ 
            height:140px; 
        } 
        #left_aboutus{ 
            height:200px; 
        } 
    #right{ 
        float:left; 
        width:700px; 
    } 
        #right_flash{ 
            width:700px; 
            height:300px; 
            float:left; 
        } 
        #right_chara{ 
            width:350px; 
            float:left; 
            height:200px; 
        } 
        #right_master_answer{ 
            width:350px; 
            float:left; 
            height:200px; 
        } 
        #right_knowledge{ 
            clear:both 
        } 
            .knowledge{ 
                float:left; 
                width:140px; 
                height:360px; 
            } 
        #right_research{ 
            float:left; 
            width:50%; 
            height:200px; 
        } 
        #right_recommend{ 
            float:left; 
            width:50%; 
            height:200px; 
        } 
</style>
<div id="wholebody"> 
     
 
    <div id="left"> 
     
 
 
 
 
 
</div>
 
<div id="right"> 
     
<div class="newline"> 
     
 
</div> 
<div id="right_knowledge"> 
     
 
 
 
 
</div>
 
<div class="newline"> 
    <div id="right_research">res</div> 
<div id="right_recommend">rec</div> 
</div> 
</div> 
</div>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

相关标签： javascript 布局查看器

上一篇： PHP中判断变量为空的几种方法小结

下一篇：快速入门Java中的Lambda表达式

推荐阅读