zoukankan      html  css  js  c++  java
  • 一个经典的页面布局

    有下面这样的一个布局:

    整个页面充满窗口,当窗口缩小放大时自动调整,不能出现窗口的滚动条,但小于定义的最小宽高时可以出现。
    头部(1)固定高度40px,宽度自适应窗口宽度。
    左侧(2)固定宽度150px,高度为窗口高度减去头部的40px,不是固定值。
    右侧(4)与左侧(2)一样。
    中间(3)宽高都是不固定的,宽是窗口宽度减去左右两侧,共减去300px,高度是窗口高度减去头部(1)跟底部(5),共减去100px。
    底部(5)是中间(3)的附属部分,高度固定60px。
    最后加个小小附加题,在中间(3)里加个input文本框,上左右边距始终10px,宽度不固定,随着中间(3)宽度的变化而变化。
    不能使用javascript,只能用css,不考虑IE6。

    实现:

    这里主要考察position的合理使用

  • 相关阅读:
    JS替换字符
    sql 两个表字段叠加
    Qt实现窗口半透明显示
    Qt 设置窗口属性setWindowFlags函数
    ARM-Linux按键和旋钮控制
    飞凌开发板OK335xD烧写Linux镜像总结
    Qt QGraphics类应用——图片移动+选点缩放+控制移动区域
    Qt QGraphics类应用——地图缩放选点
    Ubuntu 同时使用有线和无线(有线连开发板,无限上网)
    Qt 自定义控件提升,头文件找不到的问题
  • 原文地址:https://www.cnblogs.com/haohaoday/p/2831081.html
Copyright © 2011-2022 走看看