How2j仿写天猫前端学习笔记

今天在学习How2j上的项目仿写天猫前端时，遇到的一些问题特此记录下来。

![QQ截图20180526192319.png](https://upload-images.jianshu.io/upload_images/12379193-a28d865deb022f70.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
   
  今天主要学习了如何写上图的置顶栏，用css和html写的。天猫首页和购物车前面图标用的是以及最右边的用的是BootStrap框架。因为用这个框架图标丰富，不用自己去找。
    开始没看答案时，把购物车移到最右边，我想的是用css的 text-align:rigth; .但不成功，想了很久都不知道错在哪。
   后来用了浮动样式 
 float: right !impotyant
 移动弄成功，但去掉！import就失败，这句代码的意思是优先级最高。
 后来我想，都是移动的代码。为什么上面不行，下面就行呢。 text-align:right; 只对块级元素起作用，对内联元素不支持。
复制代码

这是实验出来的，不太严谨。 还可以用BootStrap框架，用class = "pull-rigth" 达到一样的效果。 用一个nav列表包裹这些链接.我还不知道nav标签。百度后，就是链接总标签。单链接很多时，就可以用这个标签，告诉浏览器这个标签的具体意义。

转载于:https://juejin.im/post/5b093e6c518825388e725bd6