网站首页
网页制作
软件设计
IT编程技术
脚本编程
移动编程
网站设计
编程语言
网络编程
数据库脚本
办公软件
当前位置:
移动技术网
>
IT编程
>
网页制作
>
CSS
>
CSS网页布局入门教程5:二列宽度自适应
CSS网页布局入门教程5:二列宽度自适应
2017年12月08日 |
移动技术网
IT编程
|
我要评论
从二列固定宽度入手,开始尝试二列布局的情况下,左右栏宽度能够做到自适应,从一列自适应布局中我们知道,设定自适应主要通过宽度的百分比值设置,因此在二列宽度自适应的布局中也同样
从二列固定宽度入手,开始尝试二列布局的情况下,左右栏宽度能够做到自适应,从一列自适应布局中我们知道,设定自适应主要通过宽度的百分比值设置,因此在二列宽度自适应的布局中也同样是对百分比宽度值的设计,继续上面的css代码,我们得新定义二列的宽度值:
左栏宽度设置为宽度20%,右栏宽度设置为宽度的70%,看上去像一个左侧为导航,右侧为内容的常见网页形式。