Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html css:将div附加到居中div_Html_Css_Css Float - Fatal编程技术网

Html css:将div附加到居中div

Html css:将div附加到居中div,html,css,css-float,Html,Css,Css Float,我有一个居中的div,我想知道如何在它的右边附加一个div, 上面有一个标题区,然后是以黄色为中心的区,我想在右边附上这个社交分享区 谢谢你 将其添加到黄色div中,并按如下方式定位: #yellowdiv{位置:相对;} #侧边栏{位置:绝对;左侧:790px;顶部:10px;} 尝试将黄色div设置为相对位置,将侧边栏div设置为绝对位置,其值为top:0和right:-XXX,其中XXX是侧边栏的宽度加上所需的边距。将黄色div用作棕色div的父元素是完全可行的;社交数据是与视频相关的所有

我有一个居中的div,我想知道如何在它的右边附加一个div, 上面有一个标题区,然后是以黄色为中心的区,我想在右边附上这个社交分享区

谢谢你


将其添加到黄色div中,并按如下方式定位:

#yellowdiv{位置:相对;}
#侧边栏{位置:绝对;左侧:790px;顶部:10px;}

尝试将黄色div设置为相对位置,将侧边栏div设置为绝对位置,其值为top:0和right:-XXX,其中XXX是侧边栏的宽度加上所需的边距。

将黄色div用作棕色div的父元素是完全可行的;社交数据是与视频相关的所有信息。在这种情况下,如果需要,请使用以下命令:

#video {
 position: relative;
}

#brown {
 position: absolute; top: 0; left: 100%; /* this guarantees that it'll line up at the very end of #video */
}
演示

代码 HTML

<div id="one"></div>
<div id="two">
    <div id="social"></div>
</div>

可能重复的