CSS网页布局入门教程6:左列固定,右列宽度自适应
程序员文章站
2022-06-28 14:02:58
在实际应用中,有时候需要左栏固定宽度,右栏根据浏览器窗口大小自动适应,在css中实现这样的布局方式是简单可行的,只需在设置左栏的宽度即可,如上例中左右栏都采用了百分比实现了...
在实际应用中,有时候需要左栏固定宽度,右栏根据浏览器窗口大小自动适应,在css中实现这样的布局方式是简单可行的,只需在设置左栏的宽度即可,如上例中左右栏都采用了百分比实现了宽度自适应,而我们只需要将左栏宽度设定为固定值,右栏不设置任何宽度值,并且右栏不浮动,代码如下:
这样,左栏将呈现100%的宽度,而右栏将根据浏览器窗口大小自适应。
这样,左栏将呈现100%的宽度,而右栏将根据浏览器窗口大小自适应。