Вот HTML кодПочему свойство float не работает, если установлена ширина элементов?
<!doctype html>
<html>
<head>
<title>Float</title>
<link rel="stylesheet" type="text/css" href="Font Sizes.css">
</head>
<body>
<div class="First">
<img src="firstImage.png" alt="First Image of Article" class="FirstImage">
<p> Picture No.1</p>
</div>
<div class="Second">
<img src="secondImage.png" alt="Second Image of Article" class="SecondImage">
<p>Picture No.2</p>
</div>
</body>
Вот CSS
.First{
width:430px;
background-color: Red;
float: left;
}
.Second{
width:330px;
background-color: Blue;
}
Я пробовал разные трюки, но не удалось. Объясните это подробно. Я много искал, но не смог найти свой ответ. Второй элемент не устраивает его в правой части первого элемента. Когда я удаляю свойство ширины из второго элемента, оно упорядочивается справа. С Ширина объекта:
Без Ширина собственности на втором элементе:
Ваше плавающее свойство действительно работает. Что ты хочешь делать? Поместите все это в одну строку? –
Вы не предоставили достаточно информации. Убедитесь, что в контейнере достаточно места для размещения элементов рядом. –