在JQuery中，div被向下推

我有一个包含6个div的div容器。我需要以这样一种方式来布置六个div，其中三个与左侧对齐，其余的与右侧对齐。所有div的宽度以百分比表示。我面临的问题是，当我调整浏览器的大小时，右边的div被向下推。我正在使用jquery： 以下是其中一个div的css：

$("#titleDiv").css(
{
   background:"#eef0f8",width:"30%",height:"30px",float:"left",
  'margin-top':"25px",'margin-left':"10px",
  'padding-left':"3px",'padding-right':"2px"
});

这是容器的css：

$("#container").css(
{
   'margin-top':"5px", position:"absolute",top:"135px"
});

---

为#container div添加一个宽度，以阻止内部div向下移动。

为#container div添加一个宽度，以阻止内部div向下移动。

与其添加巨大的css字符串，为什么不添加一个类呢？@David，当然使用类会更好。但是，如果每个div都有自己的属性，那么在这种情况下，类就没有任何帮助。与其使用巨大的css字符串，为什么不添加一个类呢？@David，当然使用类会更好。但是，如果每个div都有自己的属性，那么在这种情况下，类将没有任何帮助。