css完成显示隐藏的效果

嗯。。。。。。。。今天一个同学问了我这个问题，我一开始懵逼。显示隐藏不是直接用js可以迅速实现吗？

然后他就说，他不会js。

好吧，你想用css就用呗！！！

这时想到的是用hover实现看看，但是也是傻，直接在hover里改了display。。。。。

哈哈哈结果当然是闪啊闪啊闪的！

后面突然灵机一动！！！！！灵机一动！！！！！！隐藏不是只要用户看不到就好了嘛，又何必非要隐藏。

于是，就盯上了padding属性。比方说你要让一个元素的右边元素隐藏。就在hover里修改它的padding-right。把它右边的元素挤出去！！！！然后给容器设定overflow：hidden。

同理上下左右都可以哈哈哈。嗯。。。就这样。感觉还是有点收获的就记录下来。

作为博主的第一个博客！！！！