html – 按钮右侧的div

概述http://jsfiddle.net/kn5sH/ 为了将按钮粘贴在与标题相同的行上的div的右侧,我需要添加什么？ HTML： <div> <h1> Ok </h1> <button type='button'>Button</button></div> CSS： div { background: purple;}div h1 { text-align http://jsfiddle.net/kn5sH/

为了将按钮粘贴在与标题相同的行上的div的右侧,我需要添加什么？

HTML：

<div>    <h1> Ok </h1>    <button type='button'>button</button></div>

CSS：

div {    background: purple;}div h1 {    text-align: center;}div button {}

进一步来说：

>按钮的右侧应该是从右边x像素
div的边缘
>它应该在与标题相同的行上.
>应该包含在div中(像float或relative这样的东西
定位会从视觉上d出它)

可以使用什么CSS技术来做到这一点？谢谢.

解决方法 通常我会推荐浮动,但从您的3个要求我会建议：

position: absolute;right: 10px;top: 5px;

不要忘记位置：亲戚;在父div上

DEMO

总结

以上是内存溢出为你收集整理的html – 按钮右侧的div全部内容，希望文章能够帮你解决html – 按钮右侧的div所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。