我有图片,如果需要可以发送。并且有必要将块排列成两列,彼此紧密相邻。
这是整个代码:
<html>
<head>
</head>
<body>
<div style="position: relative; clear:both;">
<div style="">
<div style="text-align:center;">
<div style="background-image:url(images/img6.jpg); background-position: center; height:531px; width:70%; background-size: cover; font-family:arial">
<div style="padding-top:120px;">
<div style="text-align:center; font-family:arial; font-weight:700; font-size:40px;"><strong>БОКС</strong></div>
<div style="line-height: 1.5; font-family:arial; text-align:center; font-weight:700; font-size:20px;">
Занятия боксом помогут быстро привести себя в<br>форму. Справиться со стрессами и выплеснуть всю<br>накопившуюся негативную энергию. Это гарантирует<br>спокойствие. Занятия боксом научат: управлять силой<br>и мощностью своих рук. Грамотно
уходить от ударов,<br>обретать лидерство даже всамых сложных ситуациях.
</div>
</div>
</div>
</div>
</div>
<div style="">
<div style="text-align:center;">
<div style="background-image:url(images/img7.jpg); background-position: center; height:531px; width:50%; background-size:cover; font-family:arial">
<div style="text-align:center; font-family:arial; font-weight:700; font-size:40px; position: relative; top:150px;"><strong>КАРАТЭ</strong></div>
<div style="line-height: 1.5; font-family:arial; font-weight:700; font-size:20px; position: relative; top:150px;">
Тренировки по карате включают в себя работу с базовой<br> техникой (стойки, удары, блоки), спарринг и<br> формальные комплексы упражнений (ката), если<br> сравнивать карате с китайским кунг-фу, от которого оно<br> произошло. Это сразу обращает
на себя внимание<br> лаконичность японского стиля. Его минимализм,<br> отсутствие всего, без чего можно обойтись в поединке.
</div>
</div>
</div>
</div>
<div style="float: left; display: block;">
<div style="text-align:center;">
<div style="background-image:url(images/img5.jpg); background-position: center; height:531px; width:50%; background-size: cover; font-family:arial">
<div style="text-align:center; font-family:arial; font-weight:700; font-size:40px; position: relative; top:150px;"><strong>ММА - СМЕШАННЫЕ<br>ЕДИНОБОРСТВА</strong></div>
<div style="line-height: 1.5; font-family:arial; font-weight:700; font-size:20px; position: relative; top:150px; ">
Зал ММА - это место для амбициозных людей, готовых<br>упорно тренироваться, добиваться результатов,<br>развиваться физически и психоэмоционально.<br> Главная особенность ММА - сочетание техник и приемов<br> из разных видов единоборств: самбо,
бокс, кикбоксинг,<br> карате, грэпплинг, тайский бокс, дзюдо и другие.
</div>
</div>
</div>
</div>
<div style="float: left; display: block;">
<div style=" text-align:center; bottom:px;">
<div style="background-image:url(images/img4.jpg); background-position: center; height:531px; width:50%; background-size:cover; font-family:arial">
<div style="text-align:center; font-family:arial; font-weight:700; font-size:40px; position: relative; top:150px;"><strong>ВОЛЬНАЯ БОРЬБА</strong></div>
<div style="line-height: 1.5; font-family:arial; font-weight:700; font-size:20px; position: relative; top:150px;">
Улучшает работоспособность иммунной системы.<br> Предоставляет возможность укрепить все мускулы<br> тела. Положительно воздействует на сердечнососудистую и<br> дыхательную системы. Повышает выносливость организма.<br> Улучшается координация
и ловкость атлета.<br> Спортсмен увеличивает гибкость своего тела.
</div>
</div>
</div>
</div>
</div>
</body>
</html>
看看这个选项,它对所有四个块都使用了 float: left 属性,它们的宽度是固定的,因为 没有这个,您将拥有不同大小的它们,以适应内容。