前端最强面试宝典 - 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 篇的主要内容,如果未能解决你的问题,请参考以下文章