ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:首页 >> 网页制作 >> CSS教程 >> div+css布局 CSS实现div的全屏自适应显示

div+css布局 CSS实现div的全屏自适应显示

来源:网络整理     时间:2017-12-17     关键词:div+css布局

本篇文章主要介绍了"div+css布局 CSS实现div的全屏自适应显示",主要涉及到div+css布局方面的内容,对于CSS教程感兴趣的同学可以参考一下: http://blog.csdn.net/xn_28/article/details/50578228 http://www.cnblogs.com/zhujl...

http://blog.csdn.net/xn_28/article/details/50578228
http://www.cnblogs.com/zhujl/archive/2012/03/20/2408976.html
target:

<div>
    <div>nav</div>
    <div>content</div>
</div>

html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#main {
    background-color: #999;
    height: 100%;
} 
#nav {
    background-color: #85d989;
    width: 100%;
    height: 50px;
}
#content {
    background-color: #cc85d9;
    width: 100%;
    position: absolute;
    top: 50px;
    bottom: 0px;
    left: 0px;
}

以上就介绍了div+css布局 CSS实现div的全屏自适应显示,包括了div+css布局方面的内容,希望对CSS教程有兴趣的朋友有所帮助。

本文网址链接:http://www.codes51.com/article/detail_4522674.html

div+css布局相关图片

div+css布局相关文章