max-width的作用就是限制最大宽度，width大于max-width的话max-width就取代了width的值，width小于max-width的话，宽度就是width。max-width是限制作用。 首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是…

将定位元素偏离正常文档流，但占用正常文档流的位置。 （1）relative元素不加position定位，其位置是在虚框位置。 （2）relative元素加了position:relative，相对于自身的定位，将根top/bottom/left/right，基于虚框（原来自身的…

骰子的一面，最多可以放置9个点。 下面，就来看看Flex如何实现，从1个点到9个点的布局。 上面代码中，div元素（代表骰子的一个面）是Flex容器，span元素（代表一个点）是Flex项目。如果有多个项目，就要添加多个span元素，以此类推。 首先，只有左上角1个点的情况。F…