Rmarkdown flexdashboard valueboxes 在 Chrome 或 IE 中无法正确呈现（但在 FireFox 中有效）答案

【问题标题】：Rmarkdown flexdashboard valueboxes do not render properly in Chrome or IE (but work in FireFox)Rmarkdown flexdashboard valueboxes 在 Chrome 或 IE 中无法正确呈现（但在 FireFox 中有效）
【发布时间】：2020-09-21 13:56:26
【问题描述】：

我的 flexdashboard 在 Firefox 中完美运行，但在 chrome 或 IE 中，值框无法正确呈现，并且它们隐藏在其他页面元素后面。我已经在其他几个网站上发布了这个但无法得到答案（对不起，这个额外的句子，我收到一个错误，说我没有提供足够的细节，我不知道还有什么添加）。

这是我的代码的reprex（以及一个pastebin，以防它不能正常工作https://pastebin.pl/view/1d1503f4）：

---
title: "reprex"
runtime: shiny
output:
  flexdashboard::flex_dashboard:
    theme: yeti
    orientation: rows
    vertical_layout: scroll
    social: menu
    source: embed
---

<script>
$('.navbar-logo').wrap('<a href="http://www.website.com" target=blank>');
</script>


```{r setup, include=FALSE}
library(flexdashboard)
library(knitr) # for RMarkdown to HTML
library(rmarkdown) # to generate Rmd final document
library(shiny) # dashboard interactivity
```

Sidebar {.sidebar}
======================================================================
some text for the sidebar

some more text

Section 1
======================================================================

## Row 1 {data-height=9}
-------------------------------

### valuebox1
```{r}
valueBox("986070", icon = "fa-user-times")
```

### valuebox2
```{r}
valueBox("8619681", icon = "fa-user-times")
```

## Row {data-height=800 .tabset .tabset-fade}
----------------------------------------------------------------------

### some other stuff

```{r}
# generate leaflet object, define basemap
leaflet(height = 400) %>% addProviderTiles("CartoDB.Positron", group = "CartoDB (Default)") %>% 
  addProviderTiles("Esri.WorldStreetMap", group = "Esri") %>%
  addProviderTiles("CartoDB.DarkMatter", group = "CartoDB Dark") %>%
  addLayersControl(
    baseGroups = c("CartoDB (Default)", "Esri", "CartoDB Dark"),
    options = layersControlOptions(collapsed = FALSE))
absolutePanel(
        draggable = FALSE, top = "2%", left = "5%", right = "auto", bottom = "auto",
        width = '30%', height = 'auto',
        style = "background: white; border:3px solid #eaf2f8; color: #5d6063; justify-content: center;",
        p(strong("some text"))
    )
```

random text

在 Firefox（顶部）和 Chrome/IE（底部）中显示：

picture of dashboard in both browers

【问题讨论】：

标签： r r-markdown flexdashboard

【解决方案1】：

我能够通过从包含值框的行中删除 data-height=50 自己解决此问题。对于将来遇到此错误的任何人。 Chrome 显然对 CSS/HTML 的解释与 Firefox 不同。如果有人能提供关于为什么会发生这种情况的意见，我很想知道。

【讨论】：