Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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中设置位置_Html_Css - Fatal编程技术网

Html 如何在css中设置位置

Html 如何在css中设置位置,html,css,Html,Css,.top{ 宽度:100%; 高度:50vh; 背景色:红色; } .机器人{ 宽度:100%; 高度:50vh; 背景色:黑色; } .内容{ 位置:相对位置; 宽度:50px; 高度:50px; 背景色:白色; 左:0px; 底部:0px; } 将位置:相对添加到.top并将位置:绝对设置为.content .top{ 宽度:100%; 高度:50vh; 背景色:红色; 位置:相对位置; } .机器人{ 宽度:100%; 高度:50vh; 背景色:黑色; } .内容{ 位置:绝对位置; 宽

.top{
宽度:100%;
高度:50vh;
背景色:红色;
}
.机器人{
宽度:100%;
高度:50vh;
背景色:黑色;
}
.内容{
位置:相对位置;
宽度:50px;
高度:50px;
背景色:白色;
左:0px;
底部:0px;
}

位置:相对
添加到
.top
并将
位置:绝对
设置为
.content

.top{
宽度:100%;
高度:50vh;
背景色:红色;
位置:相对位置;
}
.机器人{
宽度:100%;
高度:50vh;
背景色:黑色;
}
.内容{
位置:绝对位置;
宽度:50px;
高度:50px;
背景色:白色;
左:0px;
底部:0px;
}

底部0px不适用于相对位置,如果您想使用相对位置,我为您找到了一个解决方案
.top{
宽度:100%;
高度:50vh;
背景色:红色;
}
.机器人{
宽度:100%;
高度:50vh;
背景色:黑色;
}
.内容{
位置:相对位置;
宽度:50px;
高度:50px;
背景色:白色;
左:0px;
底部:钙(-100%+50px);
}


呃……你在说什么“javascript文件”?这是CSS。对不起,我忘了编辑前面的问题。^这是你想要的。让您的生活更轻松,并稍微格式化您的HTML,使其更易于阅读,以便将来更新。