ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码

DIV+CSS自适应布局(1/4)

来源:网络整理     时间:2016-04-06     关键词:CSS,div

本篇文章主要介绍了"DIV+CSS自适应布局",主要涉及到CSS,div方面的内容,对于HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下: 自适应布局分两类:高度和宽度,方法有很多,我用三列布局举例,我就列几个通俗易懂的例子呗,懂了三列的,两列的原理一样,呵呵哒。效果图如下:高度自适应—...

自适应布局分两类:高度和宽度,方法有很多,我用三列布局举例,我就列几个通俗易懂的例子呗,懂了三列的,两列的原理一样,呵呵哒。

效果图如下:高度自适应——宽度自适应

css div 居中,商城 css div,css div 政府,css div generator,css隐藏div,divcss5,divcss模板,divcss布局,css定位div,海贼王divcss,css旋转div,css爱心div,div和css的重点,div和css的基础,div与css速          css div 居中,商城 css div,css div 政府,css div generator,css隐藏div,divcss5,divcss模板,divcss布局,css定位div,海贼王divcss,css旋转div,css爱心div,div和css的重点,div和css的基础,div与css速

1,高度自适应布局

      原理就是把每个模块设置为绝对定位,然后设置中间自适应的模块的top和bottom属性的值分别为头部模块和底部模块的高,然后中间模块的高度就自适应了。代码如下:

html代码:

<body><div class="top">            120px
        div><div class="main">            自适应
        div><div class="bottom">            120px
        div>body>

css代码:

相关图片

相关文章