【问题标题】:Fill a div with Items using float left and a left margin使用向左浮动和左边距填充项目的 div
【发布时间】:2011-08-04 22:16:32
【问题描述】:

我有一个 960px 的 div,我想用左浮动填充五个项目。目前我用 10 像素的右边距分隔每个项目,但这在我的容器 div 的右侧留下了 10 像素的空间。

我的问题是如何在容器 div 右侧没有这个空间的情况下完全填充 div?

欢迎提出建议,感谢您的帮助

公元前

【问题讨论】:

    标签: html css css-float


    【解决方案1】:

    使用左边距和第一个子伪选择器

       #wrapper #div:first-child{margin-left:0}
    

    【讨论】:

    • IE 6,7,8 不支持last-child
    • 忘了,你可以使用左边距和第一个孩子
    【解决方案2】:

    最后一项不使用边距

    .lastItem
    {
      margin-right: 0;
    }
    

    【讨论】:

      猜你喜欢
      • 2010-11-13
      • 2021-09-26
      • 2015-02-15
      • 2017-03-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-06-29
      相关资源
      最近更新 更多