关于的css问题

.container {
margin-right: auto;
margin-left: auto;
*zoom: 1;
}

.container:before,
.container:after {
display: table;
line-height: 0;
content: “”;
}

.container:after {
clear: both;
}

在bootstrap中可以看到很多类似这样的代码，可是我却看不明白为什么设置类之后总要给他设置一个：before和：after这样的伪元素，这样的目地是什么？语句的意思什么？