Html 多内容块
我无法让这两个内容相邻显示。我以前从未遇到过以这种方式显示内容的任何问题,因此如果有任何帮助,我将不胜感激 HTMLHtml 多内容块,html,css,Html,Css,我无法让这两个内容相邻显示。我以前从未遇到过以这种方式显示内容的任何问题,因此如果有任何帮助,我将不胜感激 HTML <div class="block-one"> <h3>Block 1</h3> <ol> <li><a href="#" title="">One</a></li> </ol> </div> <div class="clear-di
<div class="block-one">
<h3>Block 1</h3>
<ol>
<li><a href="#" title="">One</a></li>
</ol>
</div>
<div class="clear-div"></div>
<div class="block-two">
<div class="block-two-title">Block 2</div>
<div class="thumb-title">
<a href="#"><img src="images/example.jpg" width=155 height=130 /></a>
<h4>Title</h4>
<p>Description</p>
</div>
<div class="thumb-title">
<a href="#"><img src="images/example.jpg"width=155 height=130 /></a>
<h4>Title</h4>
<p>Description</p>
</div>
<div class="thumb-title">
<a href="#"><img src="images/example.jpg"width=155 height=130 /></a>
<h4>Title</h4>
<p>Description</p>
</div>
这是你的护照。您无法使这两个块相邻显示,因为它们之间有一个清除div。如果删除它并浮动两个块,您将获得所需的结果,如
第一区
[…]
只需添加以下CSS规则:
html, body { height: 100%; }
body > div {
float: left;
}
这是Jsfiddle:你能把它放在小提琴上吗?或者一个你如何看待它的截图?另外,
html
标记定义也会派上用场。@JorgeFuentesGonzález有什么问题?有很多东西是紧挨着其他东西的:是的,2是多个,块中的内容彼此相邻。你没有将任何样式应用于块1或块2,那么为什么你希望它们除了默认值之外做任何事情?
<div class="block-one">
<h3>Block 1</h3>
<ol>
<li><a href="#" title="">One</a></li>
</ol>
</div>
<!-- remove this one <div class="clear-div"></div> -->
<div class="block-two">
[…]
html, body { height: 100%; }
body > div {
float: left;
}