章节大小的问题

Question

我的章节大小问题很小 我想知道如何做对 该部分左侧有一个图像，右侧有文本和信息 图像采用100％宽度但在其下面有一些空间。

/*Start About me */
.about-me{
	background-color: #555;
	overflow: hidden;
}
.about-me .image{
	float: left;
	width: 40%;
}
.about-me .image img{
	width: 100%;
}
.about-me .info{
	float: left;
	width: 60%;
}
.about-me .info h1,p{
	padding-left: 40px;
}
.about-me .hobis{
	overflow: hidden;
	margin: 40px;
}
.about-me .hobis > div{
	float: left;
	width: 50%;
}
/*End About me */

<!-- Start About me section -->
	<div class="about-me">
		<div class="contaner">

			<div class="image">
				<img src="http://placehold.it/350x300" alt="test">
			</div>
			
			<div class="info">

				<h1>about me </h1>

				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus quo aspernatur veniam obcaecati corporis earum iure error Libero <br>minima laboriosam asperiores ad obcaecati provident, exercitationem aperiam tempora ducimus excepturi!</p>

				<div class="hobis">
					<div>Web Design</div>
					<div>Socer</div>
					<div>Drawing</div>
					<div>Watching Movies</div>
				</div>
			</div>
		
		</div>
	</div>
	<!-- End About me section -->

Answer 1

将图片设为display: block;。您看到的空间是由于留下下降器高度的空间。默认情况下，内联元素（<img>）为小写字母的下延提供空间，例如 y ， j 和 g 。将其设置为阻止会删除下降器高度。

.about-me .image img {
    width: 100%;
    display: block;
}