将div浮动到右下角
将div浮动到右下角
提问于 2014-05-27 17:12:39
我可以将div浮动到右上角，但如何将div浮动到底部？
测试对象：http://jsfiddle.net/wQbB3/
.panel-2col-stacked {
margin-top: 0;
padding-top: 0;
}
.panel-2col-stacked .panel-col-top, .panel-2col-stacked .panel-col-bottom {
clear: none !important;
width: auto;
}
.panel-col-top {
float: right;
margin: 0 0 0 25px;
vertical-align: bottom;
}所以我需要浮动.panel-col-top分区。
请注意，我不能更改系统核心中的HTML结构，因此div和容器必须与上面的示例完全相同。所以我猜这只是一个CSS问题，或者JS也是受欢迎的。不过，如果需要的话，我可以用panel-bottom替换/切换panel-bottom内容。
一些Photoshop技巧：
应该是这样的：
欢迎使用JS解决方案。
Stack Overflow用户
发布于 2014-05-27 17:54:32
使用超文本标记语言和CSS，最好的方法是使用2个段落和align img属性。
HTML：
<p>Sed eget lectus sagittis, tincidunt tortor eget, varius dolor. Maecenas aliquet venenatis vehicula. Praesent ullamcorper luctus purus, eu gravida odio fringilla a. Fusce id risus eu eros interdum pulvinar. Donec rhoncus felis vel tellus ullamcorper; id auctor nunc porta. Fusce sollicitudin elit rhoncus fermentum vulputate! In consequat massa at augue tempus vehicula. Mauris eu purus nec neque hendrerit pretium? Nunc in ante ultricies, pharetra lectus at, vulputate orci.</p>
<p><img width="333" height="233" alt="" src="http://i.imgur.com/OUYtEbj.jpg" align="right">Nulla blandit nulla nec risus commodo, sit amet volutpat dui aliquet. Donec dapibus et sem in imperdiet? Praesent non risus tortor? Praesent ut libero non ante lacinia tristique! Sed non porttitor velit, sit amet eleifend felis. Cras ultricies risus sem, non interdum enim ultricies quis. Nulla nec odio semper, cursus lorem ac, scelerisque lacus. Morbi in augue est. Aenean accumsan ligula a nulla egestas lobortis. In hac habitasse platea dictumst. Phasellus nec semper metus, volutpat posuere dolor. Quisque id condimentum dolor.</p>我更新了JS小提琴。你可以在这里查看：http://jsfiddle.net/wQbB3/6/
以下是一些用于在图像周围包装文本的JS库：
http://www.jwf.us/projects/jQSlickWrap/
- bacon：http://baconforme.com/
：
- jqSlickWrap
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23885388
复制相关文章
相似问题
腾讯云开发者
