我的CSS侧边栏不起作用，高度问题

Question

有人能帮我处理CSS侧栏吗？它会填充高度。请帮助

JS小提琴

.sidebar1 {
    float: left;
    width: 20%;
    background: #93A5C4;
    height:100%;
    top:0;
    bottom:0;
}

Answer 1

您需要设置类似的html/body的高度

body, html { height: 100%; }

http://jsfiddle.net/7Qp4E/1/

Answer 2

css技巧是：您需要将所有.sidebar1父级和body，html设置为100%