[让CSS更规范]弹性-流体混合布局
来源:互联网 发布:鉴婊 知乎 编辑:程序博客网 时间:2024/06/05 16:59
摘自《精通CSS:高级Web标准解决方案》
可以组合弹性和流体技术来创建混合布局。这种混合方式以em设置宽度,然后用百分数设置最大宽度:
#wrapper {
width: 72em;
max-width: 100%;
margin: 0 auto;
text-align: left;
}
#mainNav {
width: 18em;
max-width: 23%;
float: left;
}
#content {
width: 52em;
max-width: 75%;
float: right;
}
#mainContent {
width: 32em;
max-width: 66%;
float: left;
}
#secondaryContent {
width: 18em;
max-width: 31%;
float: right;
}
在支持max-width的浏览器上,这个布局将随着字号伸缩,但是决不会超过窗口的宽度。
- [让CSS更规范]弹性-流体混合布局
- [让CSS更规范]流体布局
- [让CSS更规范]流体和弹性图像
- [让CSS更规范]弹性布局
- [让CSS更规范]两列的浮动布局
- CSS流体布局详解
- [让CSS更规范]让设计居中
- [让CSS更规范]让设计居中
- [让CSS更规范]div和span
- [让CSS更规范]常用选择器
- [让CSS更规范]伪类
- 让css 写的更规范
- css流体盒布局解释
- CSS+DIV 布局 (流体布局&刚性布局)
- 流体混合布局,邮件模板设计新趋势
- CSS布局之流体浮动布局
- css em弹性布局
- CSS 的 弹性布局
- 菜鸟
- 如果利用CListBox实现CCheckListBox?(译)
- java内部类
- [让CSS更规范]两列的浮动布局
- [让CSS更规范]让设计居中
- [让CSS更规范]弹性-流体混合布局
- [让CSS更规范]流体布局
- [让CSS更规范]流体和弹性图像
- [让CSS更规范]弹性布局
- [让CSS更规范]让设计居中
- 反驳《3G门户的危机将来临》中的观点
- 数据库插入单引号,数组分隔符的山寨法
- DIV+CSS让文字垂直居中
- java异常