html - 奇怪的行为

Question

我正在开发这个网站：

https://dl.dropbox.com/u/10264776/Web%20sustn.sk/odbory/fotograficky_dizajn.html

出于某种原因，此框右侧（Ctrl+F 1992）呈现出一种奇怪的行为，其中 li 的内容被推了几个像素，这不是样式，它们对所有样式都是相同的，但是我注意到它是只有 ul 没有它的内容从一行推送到另一行，就像表中的其他行一样。

任何想法如何解决这一问题？所有帮助将不胜感激。

Answer 1

试着评论 style.css 第 119 行

.list {
    border-color: #BBBBBB;
    border-style: solid;
    border-width: 1px 0;
    margin-bottom: -1px;
    /*width: 560px;*/
}

通过这样做，您的问题将仅解决该元素，但您的宽度将从应用 .list 的整个元素中删除，因此您需要调整提到 1992 的特定表。它是表格行为，它根据文本和布局或呼吸空间扩展表格单元格。所以你需要把宽度放在那个特定的表格单元格上。

Answer 2

像这样使用

.list ul li
{
list-style: none;
padding:0;
margin:0;
padding-left: 1em; 
text-indent: -.7em;
}

li:before 
{
content: "• ";
color: red; /* or whatever color you prefer */
}

详细解释看这里