网页设置通栏后,缩小页面有一部分不显示

  今天在写一个小练习的时候发现,设置通栏背景width:100%  网页缩小之后,有一部分不显示.....

  甚是头疼啊,查阅了相关资料才知道,设置的width:100%,是相当于当前文档流而言的,也就是浏览器窗口的大小。

假设,你的网页主体宽度是1000px,而你将网页缩小到800px之后,那么通栏的宽度就是当前浏览器窗口的宽度800px,所以就hui有200px的宽度不显示

解决办法:

通栏的div设置min-width :1000px就可以了(不能小于网页主体宽度)

这样就解决问题了!!!!

猜你喜欢

转载自blog.csdn.net/Lean_on_Me/article/details/82966571