Question

我正在使用4个div，即divView_1，divView_2，divView_3和divView_4。这些div在telerik Pane中生成。每次创建div时我都会调用css。在树视图复选框选择中创建Div ... 如果选中了一个复选框，则只有divView_1应该可见，其高度和宽度为浏览器屏幕的100％。如果选择了两个复选框，则divView_1和divView_2都应该可见，高度= 100％，宽度=浏览器屏幕的50％。如果选择了三个或四个复选框，则所有div应该是可见的，其高度和宽度与浏览器屏幕的50％相同。

我正在使用css而且每次选中该复选框时都会调用css。代码在chrome中工作正常，但在Internet Explorer 11版中无法正常运行。在IE中，Divs宽度工作正常，但高度仅为2 px;它背后的问题是什么？

    for (var y = 1; y <= value; y++)
    {
     var player_Parent=$('[id$=divView_' + y + ']');
     append_Player(noOfPlayers, player_Parent); 
    }
    function append_Player(no_of_Players, player_Parent_iOS)
    { 
      if (no_of_Players == 1)
      { $(player_Parent_iOS).attr('class','single'); }
      else if (no_of_Players == 2) 
     { $(player_Parent_iOS).attr('class', 'double'); } 
    }

CSS如下......

     .single 
      {
         height:100%; width:100%; display:block; border-width:thin;
      }
     .double
      {
        height:100%; width:50%; border-width:thin;  border-style:solid;
       }

在IE11中，Div高度百分比不起作用？

0 个答案: