0

Sage CRM の ASP ページで CSS の問題が発生しています。一部の位置合わせが一致していません。

4 つの異なる機能を持つ 4 つのブロックと 4 つのテーブルを作成しています。各ブロックには合計残高が表示されます。これらの 4 つのブロックは次のように垂直に配置されます。

ブロック 1
テーブル 1;
ブロック 2 テーブル 2
; 等々...

各ブロックは div です。ここで、水平位置のすべてのブロックを次のように 1 行に配置します。

ブロック 1 ブロック 2 ブロック 3 ブロック 4

問題は、これらのプロパティ (ボックスの配置) が賢者のさまざまな人物に対して変化していることです。1 人の場合、このコードは一致し、4 つのボックスすべてが同じ行にあります。2 人目の場合、いくつかのボックスが下にあります。3 人目の場合、ボックスの 1 つが見つかりません。

4 つの関数の div スタイルの css は次のようになります。

asp of sageの4つの異なる機能にある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">'   
    }
4

2 に答える 2

0

追加してみてください

display:inline-block

各divに？

于 2012-07-13T11:44:44.403 に答える
0

これを試して：

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

これにより、すべてのdivが左側に配置され、同じ行に表示されます。

そして、px/emを高さに入れます:)

于 2012-07-13T11:05:39.503 に答える