li中包含div內容越界問題

今天搞了一個頁面，其中有一個效果大概下面這個樣子：

代碼如下：

<li><label>操作備註：</label><div  style="word-break:break-all;display: inline-flex;width: 458px;"  id="remarkDetail"></div></li>

如果css中沒有display: inline-flex用float:right代替則會變成則會變成：

li的高度會固定不會被div內容高度而改變，會發生變形。