对于 语言来说 没什么难点，就是一些属性 标签之类的
1、布局时遵循从整体到局部的原则。可以尝试先设计出各个div块之间的关系，包含或者并列。2、并列的块时，可使用float属性，使用float时要保证这两个块的宽度之和小于其父级块，否则会出现折行。
3、在应用了float属性的块时，该块已脱离正常文档流，所以其下的块会当其不存在一样，此时需要clear
2.2、在父元素和子元素之间得应用（重难点）
1、父子之间水平距离
在子元素中设置margin-left，其值实际上是子元素的左边框距离父元素左padding内侧的距离。margin-right同理也是
在子元素中设置垂直方向得margin
-----问题:没有效果和父元素一块下来了
原因：实际上这是因为当父元素没有设置padding值以及border值时，出现了一个bug–父元素的上方与子元素的上方完全重合在了一起，无法分开。所以才会导致上述这种父元素和子元素同时向下的情况。
解决办法
