0

我希望我能正确解释这一点。我有主页。它上面有 4 个小部件区域。每个小部件区域都有一些内容（您将在我包含的屏幕截图中看到）。三个小部件只是带有疯狂 CSS 的文本，并且在标题周围有一个带有框的标题（包括文本）。第 4 个小部件无关紧要，因为它只是一个图像。

一个小部件的标题有一个框、半径、背景颜色，并且它与小部件内的其余信息左/右对齐。另外两个小部件 - 标题在整个小部件区域左右 100% 左右对齐。

查看图像，因为它会更有意义。

这是一个直接链接到图像的 alrge 视图：http ://postimage.org/image/ofdqc1sa7/

wdiget 部分“新客户” - 看看它是如何左/右对齐的。它延伸了整个盒子的整个宽度。现在看看 Existing 和 Why - 它是如何不一直延伸到左右两侧的。我怎样才能让它一直伸展？我已经经历了很多次改变这个/改变那个。我在 Firefox 中的 Firebug 很火，但我似乎无法获得正确的 CSS 代码来实现这一点。快把我逼疯了。

任何帮助表示赞赏。提前感谢您的回复...

4

2 回答 2

0

最初我会说可能存在填充问题。是否有一个实时链接，我可以通过萤火虫进一步排除故障？

于 2013-02-22T18:18:45.187 回答
0

改变这种风格

.cl-content {
    margin: 8px;
}

对此

.cl-content {
    margin: 0px;
}

但是，这会导致您的列出现一些对齐问题。但是，那个类是导致你的问题的原因。

[ 编辑 ]

如果您将 #text-17 和 #text-18 宽度更改为 670px，它应该可以解决您的问题。

我还将 #LoginWithAjax 更改为 #LoginWithAjax { padding: 5px; }

于 2013-02-22T18:22:17.653 回答