新编css网页布局入门教程6:左列固定,右列宽度自适应

新编css网页布局入门教程6:左列固定,右列宽度自适应

ID:16063844

大小:53.50 KB

页数:29页

时间:2018-08-07

新编css网页布局入门教程6:左列固定,右列宽度自适应_第1页
新编css网页布局入门教程6:左列固定,右列宽度自适应_第2页
新编css网页布局入门教程6:左列固定,右列宽度自适应_第3页
新编css网页布局入门教程6:左列固定,右列宽度自适应_第4页
新编css网页布局入门教程6:左列固定,右列宽度自适应_第5页
资源描述:

《新编css网页布局入门教程6:左列固定,右列宽度自适应》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、在实际应用中,有时候需要左栏固定宽度,右栏根据浏览器窗口大小自动适应,在CSS中实现这样的布局方式是简单可行的,只需在设置左栏的宽度即可,如上例中左右栏都采用了百分比实现了宽度自适应,而我们只需要将左栏宽度设定为固定值,右栏不设置任何宽度值,并且右栏不浮动,代码如下:#left{background-color:#E8F5FE;border:1pxsolid#A9C9E2;float:left;height:300px;width:200px;}#right{background-color:#F2FDDB;bor

2、der:1pxsolid#A5CF3D;height:300px;}这样,左栏将呈现100%的宽度,而右栏将根据浏览器窗口大小自适应。

3、ontent="text/html;charset=gb2312"/>二列左列固定,右列宽度自适应——AA25.CN