CSS网页布局入门教程5:二列宽度自适应
程序员文章站
2022-03-21 23:28:40
从二列固定宽度入手,开始尝试二列布局的情况下,左右栏宽度能够做到自适应,从一列自适应布局中我们知道,设定自适应主要通过宽度的百分比值设置,因此在二列宽度自适应的布局中也同样...
从二列固定宽度入手,开始尝试二列布局的情况下,左右栏宽度能够做到自适应,从一列自适应布局中我们知道,设定自适应主要通过宽度的百分比值设置,因此在二列宽度自适应的布局中也同样是对百分比宽度值的设计,继续上面的css代码,我们得新定义二列的宽度值:
左栏宽度设置为宽度20%,右栏宽度设置为宽度的70%,看上去像一个左侧为导航,右侧为内容的常见网页形式。
左栏宽度设置为宽度20%,右栏宽度设置为宽度的70%,看上去像一个左侧为导航,右侧为内容的常见网页形式。
上一篇: CSS网页布局入门教程11:带当前标识的标签式横向导航图片美化版
下一篇: Redis集群实现原理
推荐阅读
-
CSS网页布局入门教程5:二列宽度自适应
-
CSS网页布局入门教程6:左列固定,右列宽度自适应
-
CSS网页布局入门教程3:一列固定宽度居中
-
CSS网页布局入门教程4:二列固定宽度
-
CSS网页布局入门教程1:一列固定宽度
-
CSS网页布局入门教程8:三列浮动中间列宽度自适应
-
CSS网页布局入门教程7:二列固定宽度居中
-
CSS网页布局入门教程2:一列自适应宽度
-
bootstrap如何设置当网页宽度小于XXX 时 不做自适应布局 显示出滚动条 不然网页都变形了_html/css_WEB-ITnose
-
bootstrap如何设置当网页宽度小于XXX 时 不做自适应布局 显示出滚动条 不然网页都变形了_html/css_WEB-ITnose