Question

我多年来一直遇到麻烦，并就这些问题提出了几个相关问题。我的主要问题是如何阻止我的divs溢出。我只是设法解决了一个问题，将它们包裹在另一条线上。

这是一个片段：

#main-content {
  padding: 0% 15% 0% 15%;
  overflow: hidden;
  height: 620px;    
  clear: both;
  width: 70%;
  border-style: solid;
  border-color: #31679a;
  border-width: 0px 0px 2px 0px;
}

#side-bar { 
  float: left;  
  max-width: 28%;       
  height: 99%;
  padding: 1% 1% 0% 1%;
  font-size: 14px;
}

#container {
  float: left;
  max-width: 68%;
  height: 100%;
  padding: 1% 1% 0% 1%; 
}

主要内容包含侧边栏和容器，它们并排放置（侧边栏位于左侧）

您可以在主要内容区域中看到容器与侧边栏重叠一定宽度，而不是停留在其边缘。标题中的图像也会出现这种情况，但这并不会出现在小提琴中。

我非常感谢任何帮助。

Answer 1

作为一个快速解决方法，将以下代码添加到CSS会阻止链接换行到新行：

#sidebar a {
    white-space: nowrap;
}

然而，您真正的问题是您的侧边栏div不够宽，无法包含其内容。

您还应该使用div而不是表格进行布局：阅读here。

的原因

div溢出来了

1 个答案: