css布局学习1--display

  1. display是css中用于布局的最重要的元素，主要有两个值block和inline，block用于块级元素，inline元素用于行内元素。

  2.常见的块级元素有div、p、form、header、footer、，行内元素有span

  3.设置块级元素的width可以防止内容撑破元素，margin的左右为auto，就可以使块级元素的内容居中，左右均分（如图1）。缺点是当调整浏览器窗口比块级元素还小时，会出现滚动条（如图2），为了让块级元素自适应浏览器的变化，不出现滚动条，可以对块级元素使用max-width元素（图3）。

                                                                   图1

 图2

图3