正确地在两个div上放置一个按钮

Question

寻找最有效的方法来放置一个跨越两个后续div的按钮

像这样：

Answer 1

试试这个http://jsfiddle.net/2gLL9x5x/

HTML

<div id="top">TOP</div>
<button>Button</button>
<div id="bottom">Bottom</div>

CSS

#top{
background-color:green;
width:500px;
height:200px;
}

#bottom{
background-color:red;
width:500px;
height:200px;
}

button{
position:absolute;
margin-top:-10px;
margin-left:220px;

}