网页布局css+div float的问题
本来是显示好的 可是把浏览器宽度拉小后 li里的元素跑下去了 怎么能让他们不跑下去?#header ul{ max-width:1000px; height:40px; margin:0 auto; } #header li{ float:left; width:14%; text-align:center; border:1px solid #ddd; } 这是这个列表的代码
追问:设死的话 窗口缩小 下面滚动条出现不利于用户体验。。
本来是显示好的 可是把浏览器宽度拉小后 li里的元素跑下去了 怎么能让他们不跑下去?#header ul{ max-width:1000px; height:40px; margin:0 auto; } #header li{ float:left; width:14%; text-align:center; border:1px solid #ddd; } 这是这个列表的代码
追问:设死的话 窗口缩小 下面滚动条出现不利于用户体验。。
答案:限定ul的宽度,比如width:500px
其他:宽都设死。。设成固定值喽。不要用百分比 因为你用的百分比,width:14%;
换成像素就ok啦 100/8 = 12.5
你写14%放不进去一行 所以就下来了
建议别用百分比 直接用px