当前位置：Gxlcms > html代码 > CSS左边div固定，右边div自适应_html/css_WEB-ITnose

CSS左边div固定，右边div自适应_html/css_WEB-ITnose

时间：2021-07-01 10:21:17 帮助过：19人阅读

　　有时候我们会有这样的需求，如图，aside是导航或者某些链接，右边的main是显示重要的内容，左边需要定宽，右边的main能够自适应剩余的宽度：

    test                                                header        
                    nav        
                    aside
            main
        
                    footer

< 上一篇
div+css滚动条属性及样式设置_html/css_WEB-ITnose
下一篇 >
百度文库显示PPT和word的方法是怎么实现的？_html/css_WEB-ITnose

人气教程排行

230次 1 如何生成一个调查问卷_html/css_WEB-ITnose
230次 2 在页面直接显示日历_html/css_WEB-ITnose
230次 3 如何点击a标签实现弹出inputfile上传文件对话框_HTML/Xhtml_网页制作
229次 4 关于列表标记的详细介绍
229次 5 cssborder-bottom（指定下边线的样式、宽度及颜色）
229次 6 html新闻详情页_html/css_WEB-ITnose
229次 7 为何页面内容和网页边缘有空隙_html/css_WEB-ITnose
228次 8 position:fixed定位时“高度坍塌”问题的解决_html/css_WEB-ITnose
227次 9 htmlp标签怎么换行？htmlp标签添加br换行标签的应用
226次 10 HTML的<!DOCTYPE>标签
226次 11 html页面中友情链接怎么进行添加设置？（代码示例）
226次 12 form表单中属性及功能应用介绍汇总
226次 13 详解form标签中的method属性
226次 14 HTML5Canvas逼真烟雾效果js插件
226次 15 页面跳转特效_html/css_WEB-ITnose
226次 16 改变鼠标选中区域的样式。_html/css_WEB-ITnose
225次 17 关于$("body").append()一段html代码，在页面写能触发事件，写在js文件里写就没有_html/css_WEB-ITnose
225次 18 CSS3悬浮动画效果_html/css_WEB-ITnose
225次 19 纯C语言实现的CSS解析器：katana_html/css_WEB-ITnose
225次 20 body在默认情况下是具有margin外边距的_html/css_WEB-ITnose