當我在Internet Explorer中調整

-1

當我調整在IE瀏覽器中，然後將兩個圖像的底部顯示最初所有的人都必須顯示彼此相鄰

所有HTML代碼是用JavaScript編寫的，你不能改變在HTML什麼，但是你可以在CSS

div.card { 
 
    display: table; 
 
    overflow: hidden; 
 
} 
 
.card .charts { 
 
    position: relative; 
 
    display: table-cell; 
 
    vertical-align: middle; 
 
} 
 
.card div.chart { 
 
    height: 100%; 
 
    width: 100%; 
 
} 
 
/*.card .chart { min-height: 200px; }*/ 
 

 
.card table.chart { 
 
    min-height: 0; 
 
} 
 
.card div.chart:empty { 
 
    display: none; 
 
} 
 
div.card > div.chart-name { 
 
    font-size: 16px; 
 
    padding-bottom: 14px; 
 
} 
 
div.card > div.chart-key { 
 
    font-size: 12px; 
 
    padding-top: 5px; 
 
    clear: both; 
 
} 
 
div.card > div.chart-key > span { 
 
    display: inline-block; 
 
    width: 10px; 
 
    height: 10px; 
 
    background: #dadada; 
 
} 
 
div.card > div.chart-key > span + span { 
 
    margin-left: 5px; 
 
} 
 
.card { 
 
    width: 100%; 
 
    padding: 5px 20px 5px 20px; 
 
    margin-bottom: 0px; 
 
    background: #ffffff; 
 
    box-shadow: 1px 1px 1px #dfdfdf; 
 
    box-sizing: border-box; 
 
} 
 
.card { 
 
    width: 100%; 
 
    padding: 5px 20px 5px 20px; 
 
    margin-bottom: 0px; 
 
    background: #ffffff; 
 
    box-shadow: 1px 1px 1px #dfdfdf; 
 
    box-sizing: border-box; 
 
}

<div class="card " data-tab="Climate Survey" data-tab_sub="Climate Survey" data-controluid="E215EDBB-055F-1995-ED3972A87BABCA7B"></div> 
 
<div class="charts"> 
 
    <div id="Chart_Bar_4" class="chart" style="width: 441px; height: 300px;"></div> 
 
    <svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" class="ct-chart-bar ct-horizontal-bars"> 
 
    <g class="ct-grids">

更改代碼

- >

來源

2016-12-06 user1983152

發佈所有相關的HTML - 但只有相關的部分（並不一定是在不同的div內的所有內容）。 –

你有沒有嘗試將div屬性添加到div.card？或提供JsFiddle ... – weinde

你如何添加一個flex屬性的div.card你可能給我一個例子，請 – user1983152