当中心div的内容非常广泛时,如何将红框保持在顶行?当居中的div 有很多内容时,红色div 会转到另一行。你知道为什么会这样吗?
看看我的代码:http://jsfiddle.net/5dC6T/3/
问题在于您对<div>
元素进行排序的方式。尝试:
<div>
<div class="red-box"></div>
<img class="photo" alt="" />
<span>Name</span>
<span>Data</span>
<span>City</span>
</div>
.CSS:
/* These two will stay anchored on the right and left */
.red-box { float: right; }
img.photo { float: left; }
我已经对您当前的代码进行了以下修改:http://jsfiddle.net/Wexcode/38qYS/
使用此 CSS:
#QuadroEvento div.TopoEvento div.euvou{
height: 90px;
width: 90px;
background-color: red;
position: absolute;
right: 0px;
margin-right: 0px;
}
关键是:position: absolute;
您也可以使用position: fixed;
等,有关更多详细信息,请参阅此处:http://www.w3schools.com/cssref/pr_class_position.asp