如果用<div>+<a>做一个按钮，这个能理解吧，就是想通过link来实现跳转，但是看起来是个按钮，且不需要触发事件。而且css也比button的好用。
这中情况下，如果不是“块”block，那么只要点到文字上时才会触发，点到按钮<div>但是没点到字是不行的，但是用了block后，整个按钮都可以承载a的link操作了
css中的display是设置元素显示的方式,block是一块状元素的方式显示，
inline是以内联元素的方式显示，none是不不显示；
块状元素会单独占据一样，其他元素跟他在同一行的会被迫换行，挤到下一行那里去，inline则不会这样。
display:none！important的意思：要隐藏一个元素，离开文档，流隐藏区域，不占用实际空间，实际是为了背景而存在的，可以得到隐藏的元素。简单来说，当元素设置为none时，既不占用空间，也不显示，相当于元素不存在。
display none的用法：
3、 让我们直接看一个display:none的例子：
4、 html head title/title style type=' text/CSS ' div { background : light blue；宽度： 200 px；height: 200px} span{ background:粉色；显示：无；}/style/headbody divspan要隐藏的区域/span/div/body/html如果上面的代码中没有设置display:none属性的值；效果如下：
5、 设置display:none属性的值会产生下图所示的效果：要隐藏的区域将被隐藏。
6、 使用display:none需要注意的是：
7、 如果元素的display:none样式是由style file或stylecss/style设置的，则使用js设置style.display=' '不会显示该元素，因此可以使用block或inline equivalent来代替。通过style='display:none '直接在元素上做的设置不会有这个问题。
display 属性：控制元素的显示方式常用的属性值有：
none此元素不会被显示。
block此元素将显示为块级元素，此元素前后会带有换行符。
list-item此元素会作为列表显示。
inherit规定应该从父元素继承 display 属性的值。
inline默认值此元素会被显示为内联元素，元素前后没有换行符。
一般导航里面需要实现一些特效，如下拉菜单，用JS控制该元素的display 属性值来实现鼠标放上去的时候弹出，鼠标移开就消失（设置display值为none）。
