我试图让 2 个无序列表在一个 div 中工作,以实现两个不同大小的列,但由于某种原因,div 中存在我不想要的额外顶部/底部填充。
#contact-box {
float: right;
border-top: 1px solid #ccc;
background-color: green;
width: 250px;
padding: 0px;
}
ul#networks {
list-style-type: none;
float: left;
width: ;
padding: 0px;
}
#networks li {
border-bottom: 1px solid #ccc;
padding: 7px;
}
ul#contacts {
list-style-type: none;
float: right;
width: 70%;
background-color: red;
padding: 0px;
}
#contacts li {
border-bottom: 1px solid #ccc;
padding: 7px;
}
您可以在这里看到:http://jsfiddle.net/XwfLD/ 我知道 CSS 中的内容会很简单,但如果有人可以提供帮助,我们将不胜感激!
最佳答案
关于html - 我对这些无序列表做错了什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21923721/