0
我有兩個div,它們的高度是動態變化的。左邊的div可能比右邊的高,相反也是可以的。如何在它們之間創建可根據其高度動態更改的邊框?邊框應該從行的頂部到底部。我使用Bootstrap 4,我更喜歡只有CSS。如何在動態變化高度的兩個div之間創建邊界?
HTML
<div class="container">
<div class="row">
<div class="left col-md-6">a</div>
<div class="right col-md-6">asdasdasd
<br/>a
<br/>asdsad
<br/>asd
<br/>asd
<br/>asdsa
<br/>d
<br/>as
<br/>d
<br/>asdsad
<br/>asdasdasd
<br/>
</div>
</div>
</div>
<br/>
<div class="container">
<div class="row">
<div class="left col-md-6">
<br/>a
<br/>asdsad
<br/>asd
<br/>asd
<br/>asdsa
<br/>d
<br/>as
<br/>d
<br/>asdsad
<br/>asdasdasd
<br/>
</div>
<div class="right col-md-6">
asdasd
</div>
</div>
</div>
https://jsfiddle.net/ravepgz6/
不錯的解決方案!您可能需要將您的代碼(或至少添加的內容)添加到答案中。 – LinkinTED
我有一個類似的解決方案,跳過負餘量。 https://jsfiddle.net/91wv8ckm/。但原則上是一樣的。 –
您正在使用':after'僞元素,而不是將元素邊框放在元素上。只要這些元素尚未被使用,它就會起作用。但是,如果我必須實施一個解決上述列間隙的解決方案,它也是我最喜歡的方式。 – connexo