水平对齐框的 CSS 问题

Question

我在 Sage CRM 的 asp 页面中遇到一些 CSS 问题。某些对齐方式不匹配。

我正在创建 4 个 block 和四个具有四种不同功能的表。每个 block 将显示总余额。现在这四个 block 在垂直位置为

区 block 1
表 1；
block 2
表2；等等……

每个 block 都是一个 div。现在我希望水平位置的所有 block 都排成一行，例如:

block 1 block 2 block 3 block 4

问题是这些属性(方框的对齐方式)在 sage 中因不同的人而改变。对于一个人，此代码将匹配并且所有四个框都在同一行，对于第二个人，一些框在下面，对于第三个人，我找不到其中一个框。

我的四个函数的 div 样式 css 如下所示:

如何在sage的asp中链接四个不同功能的div

function fn_main()
    {
    + '<DIV div CLASS="bx" style="width: 15%;height: 67; overflow-n: scroll; scrollbar-arrow-color: blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:#
    888888">'
    }

    function fn_1()
    {
    + '<DIV div CLASS="bx" style="width: 20%; height: 67;margin:-225px 0 0 225px;position: absolute;overflow: hidden;scrollbar-arrow-color: blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:#888888">'            
    }

    function fn_2()
    {
    + '<DIV div CLASS="bx" style="width: 22%; height: 67;margin:-380px 0 0 470px;position: absolute;overflow: hidden; scrollbar-arrow-color: blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:#888888">' 
    }

    function fn_3()
    {
     + '<DIV div CLASS="bx" style="width: 25%; height: 67;margin:-425px 0 0 625px;position: absolute;overflow: hidden;scrollbar-arrow-color: blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:#888888">'   
    }

Answer 1

试试这个:

.bx{clear: none; float: left;}

这将使所有的 div 向左对齐，使它们出现在同一行中!

然后把 px/em 放在高度 :)