CSS 在居中元素旁边 float 一个元素

Question

我的页面中间有一个表格

http://jsfiddle.net/YrBnd/3/

是否可以将示例中的按钮放置在表格的左侧？

这张技艺高超的绘图应该会给你一个更好的画面:

|                  |
|    $$center      |
|                  |

$$ 是我想要放置在中心位置的按钮。

Answer 1

根据您的 jsfiddle 尝试这种方法:

HTML

<span>Center body text<button>Click</button></span>

CSS

span {
    display: block;
    width: 200px;
    margin: 0 auto;
    position: relative;
}
button {
    position: absolute;
    right: 100%;
}

http://jsfiddle.net/YrBnd/4/

按钮绝对放置，从右边缘到 span 元素宽度的 100%。