js之显示隐藏方法对display属性变化要注意的地方

今天用jquery做项目遇见了display属性不听话，我用hover（）方法时，1.元素位置乱动，2.刷新页面时设置的display：none 不起作用

1.元素位置乱动
元素位置乱动是因为我使用hover方法，使得display变为block，且原先设置布局时候，是按照display：inlineblock设置的所以变为block时候，布局会改变。
解决办法：将原先布局时候就按照block来布局，可以使用浮动来解决block带来的高度变化。

2.刷新页面时设置的display：none 不起作用
只是css元素权重的问题。在之前设置的标签里一定有设置display属性，且权重比display：none要高。
解决办法：提高display：none属性的权重，使他起作用。