老师,有点小问题问一下

老师,有点小问题问一下

.box{

width: 1200px;

height: 60px;

border: 1px solid #ccc;

}

我这个是CSS的代码,4个li的宽度分别为ul的25%,为啥结果是在两行上,加上浮动才能在一行

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

你好,li是块级元素,会独占一行。你说的两行是因为使用了行内块么?行内块之间会有点间距,会导致总的宽度超过1200px,所以建议:使用浮动。若不这个问题的话,建议:把全部代码粘贴多来,只有局部的代码,不太好判断问题。

祝学习愉快~

  • 前端小白kobe 提问者 #1
    恩,我li用了inline-block,用浮动没啥问题是吧
    2018-02-11 12:12:14
好帮手慕糖 2018-02-11 13:40:54

使用浮动是可以的,但是由于这里没有你的全部代码,不能确定是怎么写的,可以使用浮动测试下,若不能绝解决的话,可以把该部分的全部代码粘贴过来。

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师