使用百分比定义宽度

首先将你所要定义宽度的的元素包裹进父元素中

当两个元素想要并行时有两种方式

一、定义display：inline

二、利用float元素进行浮动 父元素要进行clear

<div class="section">

<div class="text-section"></div>

<div class="img-section"></div>

</div>

section:after  {

1. content: '';
2. display: block;
3. clear: both;

}

.text-section {

width: 55%;

float: left;

}

.img-section {

width: 45%;

}