Question

  <div class="order_ulasan_wrapper_1" style="width:100%; border:solid 1px #ccc; margin-top:15px; font-size:0;">
    			<div class="title" style="border-bottom:solid 1px #ccc;/* display: block; */width: 100%;">
    				<div class="title_1" style="width: 70%;display:inline-block;border-right:solid 1px #ccc;font-size:12px;">
    					left box
    				</div>

    				<div class="title_2" style="width:30%; display:inline-block; font-size:12px;">
    					right-box
    				</div>
    			</div>
    </div>

我有一个宽度为100％的父div，我想把它分成两个宽度为70％，宽度为30％的子div，然后将其内联。但为什么我的权利会下降？

Answer 1

使用CSS Reset或设置正确的box-sizing属性。

＆＃13;

* {
  box-sizing: border-box;
}

＆＃13;

<div class="order_ulasan_wrapper_1" style="width:100%; border:solid 1px #ccc; margin-top:15px; font-size:0;">
  <div class="title" style="border-bottom:solid 1px #ccc;/* display: block; */width: 100%;">
    <div class="title_1" style="width: 70%;display:inline-block;border-right:solid 1px #ccc;font-size:12px;">
      left box
    </div>

    <div class="title_2" style="width:30%; display:inline-block; font-size:12px;">
      right-box
    </div>
  </div>
</div>

＆＃13;

详细了解Normalize和CSS-reset

Stack overflow

Answer 2

问题是border-right在课程.title_1中，如果你删除它正确对齐两个div，如果你想保留它，那么使用box-sizing:border-box或reduce { {1}} {/}的{1}}

删除 border-right

width

缩小宽度

.title_1

子div不适合父div不能用font-size解决：0？

2 个答案: