Loading

ul导航栏父容器宽度设置为100%时,使用padding-left属性后底部出现滚动条

我在做一个小实验时,想让导航栏的宽度占满屏幕,即宽度100%。将ul列表的父容器的宽度设置为100%以后想让导航栏的小菜单居中显示,便给ul列表的父容器设置padding-left属性让导航栏向右移动,没想到设置此属性后底部出现了滚动条。

解决方法:

ul列表的宽度设置为100%,父容器的宽度不要设置为100%,这样既能让导航栏占比为100%,父容器在设置padding-left属性后,底部也不会出现滚动条。

nav为ul列表的父容器的id号

posted @ 2021-11-24 22:06  爱睡懒觉的我  阅读(165)  评论(0)    收藏  举报