Бьюсь об заклад, это, вероятно, основные вещи, я просто никогда не сталкивался с этим раньше.Итак, код:
- У меня есть h1, затем ap, а затем дважды одно и то же.Итак, h1 + p + h1 + p + h1 + p;
- Я переместил h1 влево с шириной 29%;
- Я переместил p всправа, ширина 69% ширины;
Мой вопрос:
Почему h1 не складываются вместе?Я замечаю первые два.Почему третий не делает то же самое?Почему он выровнен по верхнему краю со вторым абзацем (обратите внимание, что если вы измените нижнее поле p, h1 следует за ним)?Что мне не хватает в поведении с плавающей точкой?
Вот пример на tinkerbin: http://tinkerbin.com/IUVovfjM
Вот код:
<head>
<style>
h1, p, body{
margin: 0;
padding: 0;
line-height: 1.4;
font: inherit;
}
h1{
float: right;
width: 29%;
background-color: lightblue;
}
p{
float: left;
width: 69%;
background-color: indianred;
}
</style>
</head>
<body>
<h1>This Is The Title</h1>
<p>Lorem Ipsum badum badum baei.A primeira exposição apresenta, através de elementos multimédia, a evolução do dinheiro, com especial referência ao espaço que hoje é Portugal. A exposição termina com um núcleo dedicado à produção das notas, em que materiais e máquinas ilustram as diferentes fases da vida da nota, desde a sua concepção artística até à sua impressão, assim como os principais elementos de segurança que lhe estão associados.</p>
<h1>This Is The Title</h1>
<p>Lorem Ipsum badum badum baei.A primeira exposição apresenta, através de elementos multimédia, a evolução do dinheiro, com especial referência ao espaço que hoje é Portugal. A exposição termina com um núcleo dedicado à produção das notas, em que materiais e máquinas ilustram as diferentes fases da vida da nota, desde a sua concepção artística até à sua impressão, assim como os principais elementos de segurança que lhe estão associados.</p>
<h1>This Is The Title</h1>
<p>Lorem Ipsum badum badum baei.A primeira exposição apresenta, através de elementos multimédia, a evolução do dinheiro, com especial referência ao espaço que hoje é Portugal. A exposição termina com um núcleo dedicado à produção das notas, em que materiais e máquinas ilustram as diferentes fases da vida da nota, desde a sua concepção artística até à sua impressão, assim como os principais elementos de segurança que lhe estão associados.</p>
</body>
Заранее спасибо.