2

我在 div 中添加了一个无序列表，并删除了它的项目符号。现在我想删除 div 和列表之间的空间，以便列表可以移动到左角。谁能建议我如何删除列表和 div 之间的剩余空间/间隙。谢谢

                    <div class="divLeftPanel">
                    <div>
                        <ul>
                            <li>Location</li>
                            <li>Bangalore</li>
                            <li><br/></li>
                            <li>Work area</li>
                            <li>IT</li>
                            <li><br/></li>
                            <li>Employment type</li>
                            <li>Regular full time</li>
                            <li><br/></li>
                        </ul>
                    </div>
                </div>

这是我的CSS

.divLeftPanel{
   float: left; 
   height: 100%;
   width:30%;
   padding-left: 0px;
}
ul
{
    font-style: italic;
    font-weight: bold;
    list-style-type: none;
    margin-left: 0px;
}
4

3 回答 3

2

如果你已经提供padding给 div 然后像这样使用

div
{
  padding-left:0px;
}

如果你的列表从左边有边距，那么你可以这样做

#myList
{
  margin-left:0px;
}

简单来说：

padding 定义元素边框和元素内容之间的空间。而 margin 定义元素周围的空间。

编辑：像这样为 ul 重置 css

ul
{
    list-style:none;
    margin: 0; 
    padding: 0;
}

JS 小提琴演示

于 2013-04-15T10:22:05.293 回答
1

现在习惯了

定义你的.divLeftPanle ul padding-left:0;

.divLeftPanel ul{padding-left:0;}

演示

于 2013-04-15T10:31:32.430 回答
0

对不起大家。我找到了解决方案，感谢@sachin。我添加了 ul{padding:0px;} 现在它可以工作了。再次感谢

于 2013-04-15T10:38:47.467 回答