0

在这个页面的顶部，我在同一个空间中有两个名为“Artykuły o mnie w mediach”和“Moje publikacje”的项目符号列表。

“Artykuły o mnie w mediach”显示在左侧。“Moje publikacje”显示在右侧。

我向左侧 URL 添加了一个新链接，然后将大小增加了 20 像素.mediaomnielistright ul，.mediaomnielistleft然后它就被打乱了。现在，它们不是在另一个列表旁边显示一个列表，而是在顶部和底部显示一个。

我试图恢复我所做的所有更改，但由于某种原因它仍然显示错误。

这是现在使用的 css：

#col2{width:580px; height: auto;}
.mediaomnielistright ul{margin-left:5px; list-style-type: circle; padding-left:20px;}
.mediaomnielistleft ul{list-style-type: circle; padding-left:20px;}
.mediaomnielist {overflow:auto; height:580px;}
.mediaomnielistleft {width:310px; float:left; height:inherit;}
.mediaomnielistright {width:288px; border-left-width:2px; border-style:dashed; border-color:#999; overflow: auto; height:inherit;
}

有谁知道出了什么问题？

4

3 回答 3

3

580px 小于 310px + 288px，所以这些列没有空间。

于 2013-10-25T10:17:25.833 回答
1

你增加了左边的宽度？这意味着父级中没有足够的空间让<div>它们并排显示。不要使用绝对值，而是使用百分比：

mediaomnielistleft, mediaomnielistright { width:49%; }

它加起来不是 100%，因为您在父 div 的右侧有一个滚动条。这大约占16px.

或者，您可以坚持使用实际宽度并更改

mediaomnielistright { width: 251px; }
于 2013-10-25T10:19:19.513 回答
0 
 .mediaonilist { width :580 px}
 .mediomnielistleft { width : 310 px}
 .mediomnielistleft { width : 290 px}

310+290=600 所以浮点数被忽略。而且我不计算边距和填充。

于 2013-10-25T10:25:15.990 回答