Please help me with the layout_html/css_WEB-ITnose

对页面实在是不精通，求高手帮忙看一下 谢谢了
http://www.myfxbook.com/members/EA5918/forex-envy-v2-livelong-cycle/260594
上面的是想要实现的页面，只要上面的2个并列的 TAB选项DIV内容 已实现了一个

下面是我的页面代码，希望能够平行2个DIV  第一个DIV 有3个选项 第二个代码我已经实现了

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="n2.aspx.cs" Inherits="DWQHpro.n2" %>




 
 
 
 


<script> <br>     HideWait(); <br> </script>
    

    
  <%--

    

1

         

1

     

2

         

2

     

3

         

3

    

--%>

    

 
     

平仓盈亏

         

<%= FQueryrecover()%>

     

持仓盯市盈亏

         

<%= FQueryPositionMTM()%>

     

持仓金额

         

<%= FQueryPriceMTM()%>

     

持仓金额/当日权益

         

<%= FQueryPriceMTMPer()%>

     

收益率

         

<%= FQueryDayProfit()%>

      

净收益率

         

<%= FQueryDayROR()%>

      

资本金频繁度

         

<%= FQueryDayfreIn()%>

    

    function id(elem) { return document.getElementById(elem) }
    function show(elem) { elem.style.display = ""; }
    function hide(elem) { elem.style.display = "none"; }
    function next(elem) {
        do {
            elem = elem.nextSibling;
        } while (elem && elem.nodeType != 1);
        return elem;
    }
    function tab(a, p) {

        var p = (p === undefined) ? { e: "onclick", n: 1} : p,
  node = id(a).firstChild,

  x = [];
        p.e = (p.e === undefined) ? "onclick" : p.e;
        p.n = (p.n === undefined) ? 1 : p.n;
        node = (node.nodeType !== 1) ? next(node) : node;
        for (var i = 1, node; node; i , node = next(node)) {
            x[i] = node;
        }
        for (var i = 1; x[i]; i ) {
            if (i % 2 == 0) { hide(x[i]); x[i - 1].id = a   (i / 2) }
            x[p.n * 2 - 1].className = "cur";
            show(x[p.n * 2]);
            temp = function (i) {
                if (i % 2 == 1) {
                    x[i][p.e] = function () {
                        for (var j = 1; x[j]; j ) {
                            if (j % 2 == 0) {
                                hide(x[j]);
                                x[j - 1].className = ""
                            }
                        }
                        show(x[i   1]);
                        x[i].className = "cur"
                    }
                } else {
return null
                                                                                                                                        
tab( "tab_")
//tab("tab")

Reply to the discussion (solution)

Send them all for answers

Because your tab label block has There are multiple tabs, so you need to set the tab style in a unified way. If you want to adjust the width and height individually, you can use two classes

such as:

tab11111

tab11111

. tab{Set the style of all tabs}

.tab1{Set the style of individual tabs: mainly width Height, float}
.tab2{Set the style of individual tabs: mainly width, height, float}



If two tabs are on the same line, you need to set float

For example:

This is tab one

< ;div style="flaot: right">This is tab two

Thank you friends upstairs. It has been solved. Full points will be given

Thanks again