У меня есть div, который имеет ширину 100% и 10 divs на 10% внутри. Он отлично работает в хроме, но в Safari и Safari, мобильном телефоне на iphone, он оставляет пространство с правой стороны.
Кто-нибудь знает, что я могу сделать, чтобы исправить это?
<div style="width:100%;">
<div style="width:10%;background-color:#fff;float:left;"> </div>
<div style="width:10%;background-color:#000;float:left;"> </div>
<div style="width:10%;background-color:#fff;float:left;"> </div>
<div style="width:10%;background-color:#000;float:left;"> </div>
<div style="width:10%;background-color:#fff;float:left;"> </div>
<div style="width:10%;background-color:#000;float:left;"> </div>
<div style="width:10%;background-color:#fff;float:left;"> </div>
<div style="width:10%;background-color:#000;float:left;"> </div>
<div style="width:10%;background-color:#fff;float:left;"> </div>
<div style="width:10%;background-color:#000;float:left;"> </div>
</div>
Из-за ваших пробелов (& nbsp) удалите их и установите высоту на своих div, и вы заметите это!