我如何让一个div浮到它的容器底部？

 

这个问题在这里已经有了答案：

  • 我怎样才能将我的div放在它的容器底部？ 21个答案

    • 将父div设置为position: relative ，然后将内部div设置为... 

    position: absolute; 
bottom: 0;

    ...在那里你去:)

    一种使其工作的方式如下：

  • 像平常一样浮动你的元素

  • 使用旋转父div 180度 

    -moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

    JSfiddle：http://jsfiddle.net/wcneY/

  • 现在旋转所有向左浮动的元素（给他们一个类）180度，使它们再次变直。 瞧！ 他们漂浮在底部。

    • 经过几天的各种技术挣扎后，我不得不说，这似乎是不可能的。 即使使用JavaScript（我不想这样做），它似乎不可能。

    为了澄清那些可能没有理解的人 - 这就是我正在寻找的东西：在出版中，布置一个插图（图片，表格，图形等）以使其底部与最后的底部对齐是很常见的取决于插页所在页面的哪一侧，块（或页）的文本行以自然方式在上方和右侧或左侧围绕插入物流动。 在html / css中，使用浮动样式将顶部插入顶部与块的顶部对齐很简单，但令人惊讶的是，尽管它是一个常见的布局任务，但似乎无法排列文本底部和底部。

    我想我必须重新审视这个项目的设计目标，除非任何人有最后一分钟的建议。

    链接地址: http://www.djcxy.com/p/36509.html

    上一篇: How do I get a div to float to the bottom of its container?

    下一篇: Can I nest a <button> element inside an <a> using HTML5?