<div class="content-box shadow-large bg-white"> <div class="one-half"> <h4 class="ultrabold bottom-10">1/1</h4> <img src="images/pictures/1s.jpg" class="shadow-large"> <p>This is half a column.</p> </div> <div class="one-half last-column"> <h4 class="ultrabold bottom-10">1/2</h4> <img src="images/pictures/2s.jpg" class="shadow-large"> <p>This is half a column.</p> </div> </div>
全宽的时候,这两个div并排了,我把浏览器宽度变小,他们还是跟着变小,浏览器宽度变得非常小的时候,第二个div,也不换行下去。怎么让他们自适应浏览器宽度。因为我要在手机上也可以方便看。以前用bootstrap很方便,这次老板不让用这个东西,说太大影响速度,必须手写,自己组织。晕死。
相关的css是这样的。
.one-half { width: 45%; float: left; margin-right: 10%;} .last-column{margin-right: 0 !important}div{ display: block; position: relative; }
帮我看一下吧,又干后台,又干前台,命苦啊!
隔江千里
波斯汪