仅使用2个div的3列css布局

我正在尝试修复一个页面，使其具有3列。只有两个div用于我正在尝试处理的内容。一个只影响内容的最后一部分，另一个影响整个内容

基本上现在是这样的：

这是第一个内容-----------------这是第二个内容

                             This is the third content

我一直在尝试将第三个内容推到第三个专栏。我试着使用float right，它确实移到了第三列，但在其他内容的下面。我也不能为边距顶部使用负值，因为如果调整窗口大小，这将与其他内容重叠。我需要这样做：

//Left:
float:left;

//MAIN:
margin-left: 20em; //these will define the width
margin-right: 20em;

//Right:
float:right;

----这是第一个内容，这是第二个内容，这是第三个内容

我相信我遇到的一个大问题是，我不允许编辑页面的html文件，所以我只处理css文件。

代码如下：

//Left:
float:left;

//MAIN:
margin-left: 20em; //these will define the width
margin-right: 20em;

//Right:
float:right;

---

我认为您应该尝试在firefox中使用这个名为Firebug的插件，它将使您的工作变得简单，因为它会在浏览器上实时显示您在CSS中更改的所有内容，以便您在获得正确视图时可以再次更改它

---

在你的情况下，我认为你应该在做正确的浮动之前检查div的大小（宽度和高度）。因为如果宽度不能同时处理这两个选项，则右浮动将不起作用。

发布您的html/css代码，或者更好，链接一个JSFIDLE（），您可以访问什么？我建议做两个div，一个是左栏，一个是右栏。将两个div放到右边浮动的div中的右边列中。html是什么样子的？我不能从这个屏幕修改任何东西。除了divs之外，还有或其他标签吗？我想这么做，但显然，我只允许对css文件进行更改。另外，这是joomla的一个项目。从我在源代码上看到的，页面上只有带有文本框和标签的div标签