CSS：布局——左右两个DIV，左侧宽度固定，右侧占满剩余部分

<section class="main"><!--左边导航栏--><aside class="main_left"></aside><!--右边主体--><section class="main_right"></section>
</section>

.main .main_left{height: 100%;width:210px;float:left;background-color: red;
}
.main .main_right{height: 100%;margin-left:210px;background-color: yellow;
}

效果

CSS：布局——左右两个DIV，左侧宽度固定，右侧占满剩余部分相关推荐

html两个布局并列居中,CSS布局-将两个div并排居中并对齐
我试图在标签内并排对齐两个社交按钮文本对齐:居中不适用于按钮,也不浮动:左或浮动:右 HTML: COPYRIGHT 2014 Medialock Inc. facebook.com/medialo ...
div 左右并排,使用CSS如何让两个div并排显示
用CSS如何让两个DIV盒子并排体现呢? 各人知道默认情况下DIV是独占一排的,DIV不设置任何CSS格局,这个DIV盒子都邑独有一行踊跃换行. 运用CSS让两个DIV并排闪现,排成一排显示思空见贯方 ...
html中如何div转换下一行,css如何让两个div不换行显示？
css如何让两个div不换行显示?让两个div并列显示?下面本篇文章就来给大家介绍一下使用CSS让两个div并列在一行显示的方法,希望对大家有所帮助. 在HTML中,div是块状元素,div盒子本身默 ...
flex布局让两个div等高并且内容垂直居中
flex布局让两个div等高并且内容垂直居中 <!DOCTYPE html> <html lang="en"> <head><meta c ...
html怎么使两个div模块并列居中,css怎样让两个div重叠,怎么让整个div居中
css怎样让两个div重叠CSS如何使两个div重叠,css使两个div重叠的方法:首先,使用[position:absolute]属性为div设置绝对定位:然后使用z-index属性确定哪个div在 ...
背景平铺两栏自适应（占满剩余高度）fastclick、IScroll双飞翼布局
文章目录背景平铺两栏自适应(占满剩余高度) 需求实现 fastclick插件的使用 IScroll插件的使用(实现区域滚动效果) 条件双飞翼布局(两边固定宽度,中间自适应) 条件实现背景平 ...
html div自适应布局,css两个div自适应宽度布局方法大全（精华）
第一种方法:BFC块级格式化上下文 -----左边固定宽度----- ----------------------------------------右边自适应宽度------------------ ...
CSS布局教程：用DIV CSS实现国内经典式三行两列布局-CSS布局实例
我们碰到过很多的企业网站或其它小型的展示类网站,有一些共同的特点,即顶部放一个大的导航或BANNER,右侧是链接或图片,左侧放置内容,页面底部放置版权信息等.这样的形式是国内经典式的布局,我们这里不对 ...
CSS布局代码:两列布局实例
CSS两列布局,右侧固定,左侧自适应宽度 <div style="width:90%; margin:0 auto;"> <div style="wid ...
简述css布局技术的特点,div+css布局技术漫谈
CSS布局常用的方法: float : none | left | right 取值: none : 默认值.对象不飘浮 left : 文本流向对象的右边 right : 文本流向对象的左边它 ...

CSS：布局——左右两个DIV，左侧宽度固定，右侧占满剩余部分

效果

CSS：布局——左右两个DIV，左侧宽度固定，右侧占满剩余部分相关推荐

最新文章

热门文章