前端最强面试宝典 - CSS 篇
Posted 前端修罗场
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端最强面试宝典 - CSS 篇相关的知识，希望对你有一定的参考价值。
前端最强面试宝典 - CSS 篇 5
- 两栏布局的实现
- 三栏布局的实现
- 水平垂直居中的实现
- 实现一个三角形（width,heigth,border）
- 实现一个扇形(border,width,heigth,border-radius)
- 实现一个宽高自适应的正方形
两栏布局的实现
一般两栏布局指的是左边一栏宽度固定，右边一栏宽度自适应，两栏布局的具体实现：
- 利用浮动，将左边元素宽度设置为 200px，并且设置向左浮动。将右边元素的 margin-left 设置为 200px，宽度设置为 auto（默认为 auto，撑满整个父元素）。
.outer
height: 100px;
<以上是关于前端最强面试宝典 - CSS 篇的主要内容，如果未能解决你的问题，请参考以下文章