IE11 CSS bug，带有clear：right-如何解决？

Question

I'm looking for a workaround for this odd IE bug (present in IE11, haven't tested other versions, works perfectly in Chrome/FireFox).

CSS clear:right; doesn't work as expected with rtl language even though clear:left; for an ltr language works without problems.

It's best to show an example so I'll attach screen shots.

I've noticed problems similar to this one all around so any general workaround would be most welcome. I'm not trying to solve it only specifically for this page. Thanks

The English page: http://colnect.com/en/coins/coin/48962-50_Dollars_XXVIII_Olympic_Games_Athens_2004-Numismatic_Product-Bimetallic_Silver_-_Gold-Australia

The Hebrew page: http://colnect.com/he/coins/coin/48962-50_Dollars_XXVIII_Olympic_Games_Athens_2004-Numismatic_Product-Bimetallic_Silver_-_Gold-%D7%90%D7%95%D7%A1%D7%98%D7%A8%D7%9C%D7%99%D7%94

Answer 1

For lack of an IE 11 I can only test this in IE 10, but the problem presents there as well.

Adding width:100% and overflow:hidden to the .ibox element does seem to fix it – then it won't need clearing any more, because it will go underneath the floated content before it since there is no place for it beside it any more.

See if that's a workaround you can make use of.

Answer 2

1. Could you please create a reduced example demonstrating the problem?

2. I checked the code and there is no float: right box before (prior in source code) to the cleared <div class="ibox" xid="48962"> .

Sorry! there are! .i_d dt {float: right} are floated right. So you are quite possibly right with your query and claims.

1. Note that you are using invalid attributes in your XHTML 1.1 page.