1

好的，所以，在我的网站上，我有三个面板：cont1、cont2 和 cont3。以下是它们的 CSS 定义：

#cont1 { width:35%; position:fixed; background:#2583FE; right:0px; overflow:hidden; float:right; border:1px solid #0961D3; border-left:0px solid black; height:100%;}

#cont2 { height:69%; width:100%; overflow:auto;}

#cont3 { min-height:75px; width:100%; position:relative; display:block;}

现在，如果我按照以下方式实现它，只会出现一个垂直滚动条，我可以随意滚动我的内容：

<div id="cont1">
     <div id="cont3">First element</div>
     <div id="cont3">Second element</div>
     <div id="cont3">Third Element</div>
     <!--And so on-->
</div>

但是，如果我以这种方式实现它（我最终希望它工作的方式），水平滚动条会无缘无故地出现在 cont2 中：

<div id="cont1">
     <div id="cont2">
           <div id="cont3">First element</div>
           <div id="cont3">Second element</div>
           <div id="cont3">Third Element</div>
           <!--And so on-->
     </div>
</div>

通常，我只会放置overflow-x:hidden，但我试图让我的网站尽可能跨平台，而且我知道overflow-x 是CSS3 属性（IE8 或更低版本不支持）。任何人都可以提供有关可能发生的事情的见解吗？谢谢！

4

2 回答 2

2 
.cont{
height: 30px;/**/
border-color: black;
/*position: relative;*/
position: fixed;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
width: 100%;
border: none; 
}
于 2013-12-02T12:43:02.543 回答
0

首先，您必须使用#id一次，只能有一个#id。.classes如果你想放几个就用。

然后我不明白我在jsFiddle上没有这个问题，我想知道这是否是#cont1你创建这个栏所使用的边缘。

您有一个页面可以实时向我们展示问题吗？

于 2013-07-23T13:25:22.307 回答