W jaki sposób mogę wymusić przepełnienie: ukryte, aby nie wykorzystać mojego prawego obszaru wypełnienia
Mam następujący kod:
<div style="width: 100px;
overflow: hidden;
border: 1px solid red;
background-color: #c0c0c0;
padding-right: 20px;
">
2222222222222222222222111111111111111111111111113333333333333333333</div>
(XHTML 1.0 przejściowy)
Dzieje się tak, że prawo dopełnienia nie pojawia się, jest zajęte przez zawartość, co oznacza, że przepełnienie zużywa odpowiednią przestrzeń na dopełnienie i „odcina” tylko po dopełnieniu.
Czy istnieje sposób wymuszenia przepełnienia przeglądarki przed prawą dopełnieniem, co oznacza, że mój div pokaże się z dopełnieniem?
To, co otrzymuję, to pierwszy div na poniższym obrazku, czego chcę to coś w rodzaju drugiego div: