html - How to move each box to the right, or to each first box does not move, but it remains the same -
how move each box right, or each first box not move, remains same. red marked boxes move right 5 pixels, , each blue remain in same place. wish each box in first row remains in place, without having move right
https://s11.postimg.org/lyh9uaxwj/dsada.png
#istaknuti_proizvodi_box_prikaza { width:100%; height:auto; position: relative; background: #ccc; top:75.1px; } #istaknuti_proizvodi_prikaz { width:236px; height:250px; border:1px solid #000; position: relative; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; float:left; margin-top:2px; } #istaknuti_proizvodi_prikaz:nth-child(n+2){ margin-left:5px; }
<div id="istaknuti_proizvodi_box_prikaza"> <div id="istaknuti_proizvodi_prikaz"></div> <div id="istaknuti_proizvodi_prikaz"></div> <div id="istaknuti_proizvodi_prikaz"></div> <div id="istaknuti_proizvodi_prikaz"></div> <div id="istaknuti_proizvodi_prikaz"></div> <div id="istaknuti_proizvodi_prikaz"></div> <div id="istaknuti_proizvodi_prikaz"></div> <div id="istaknuti_proizvodi_prikaz"></div> <div id="istaknuti_proizvodi_prikaz"></div> <div id="istaknuti_proizvodi_prikaz"></div> <div id="istaknuti_proizvodi_prikaz"></div> <div id="istaknuti_proizvodi_prikaz"></div> </div>
you can not determine 1 come left. assuming 4 boxes fits parent have added fiddle.
you can add min-width
constrains change left box changes. likr 3n+1
less width
Comments
Post a Comment