前端记录 好久没敲页面了，之前一直在恶补js…… 今天完成了一个商城首页，时间有点长，但是还是不错啦。 过程中其实有遇到一些问题，get到不少知识点。 说说布局注意的地方，大体 header、content、footer跑不了。 1、logo、图片用img，img设置好宽高养成好习惯

2、类似新闻盒子，产品展示用ul、ol装好；导航用ul>li>a搭配肯定绝配~

3.css里a标签加背景无法显示 display:block;

4.样式无法实现 没有调用css文件

5.(设置line-height后）无法顶端对齐 (1).将另一对象的位置改变。与文字对齐 (2).取消line-height 使用vertical：top和行内块元素搭配，inline-block；

再来说说今天入陷了好久的问题 起初用浮动流，好好的。想着没那么高级就想着用定位流，gg。 好吧，下面的盒子直接飞上去了~看看原来是没设置高度，我不知道高度啊咋搞 清楚浮动走一个~ 一个方法又一个方法的试，没效果。。。 我都没浮动，让人咋清除！！！我对自己也是想笑了~ 这就说到一个点上了，能用标准流就用标准流，不能考虑浮动流，在不能咱们就定位流。

所以呢，优先级应该是 标准流》浮动流》定位流，还是乖乖的用好浮动吧。

清除浮动的几种方法： 1.子集浮动，父级清除浮动（直接加上overflow:hiddle就好啦） 2.利用伪元素，父级加上.clearfix就好 .clearfix:after { content: ‘.’; height: 0; display: block; clear: both; } 最好用莫非这两个了，强烈推荐用着第二个。 另外添加li的右边框搞得我头都大，很简单，是我大意了。字体高度比盒子高度小，border-right直接就飘上去了。那怎么解决好呢？嘿嘿，line-height走一个，设置和高度一样就好了~ 收获满满的一天，页面还是挺简单的，其实就是细节的地方需要注意。

总结： 1.写法：标准流》浮动流》定位流 2.清除浮动：子集浮动，父级清浮动（没设置高度，盒子飘上去的情况下使用） 3、logo、图片用img装，序列啥的内容就用有序无序来放。

望各位大神指正 今天就暂时写这么多啦，继续加油~ 2019.1.8 day1