Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/blackberry/2.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 将div定位在元素底部(不是页脚)时出现问题_Html_Css - Fatal编程技术网

Html 将div定位在元素底部(不是页脚)时出现问题

Html 将div定位在元素底部(不是页脚)时出现问题,html,css,Html,Css,我正在尝试移动此元素以适应flex body的底部。我已经尝试了很多解决方案,但这是唯一能让它向下移动一部分的方法。任何调试方面的帮助都是有价值的。谢谢我正在讨论的元素在CSS中称为#bottom html{ 背景图片:url(images/moviebg.png); 字体系列:Arial、Helvetica、无衬线字体; } 身体{ 保证金:0; 填充:0; } 标题{ 背景图片:url(images/rancibannerbg.png); 文本对齐:居中; 位置:固定; 排名:0; 左:0

我正在尝试移动此元素以适应flex body的底部。我已经尝试了很多解决方案,但这是唯一能让它向下移动一部分的方法。任何调试方面的帮助都是有价值的。谢谢我正在讨论的元素在CSS中称为
#bottom

html{
背景图片:url(images/moviebg.png);
字体系列:Arial、Helvetica、无衬线字体;
}
身体{
保证金:0;
填充:0;
}
标题{
背景图片:url(images/rancibannerbg.png);
文本对齐:居中;
位置:固定;
排名:0;
左:0;
右:0;
}
#页眉{
文本对齐:居中;
字号:24pt;
字体大小:粗体;
字体系列:佐治亚州,“新罗马时代”,衬线;
文本阴影:3px 3px#999999;
边缘顶端:72px;
}
#柔体{
宽度:800px;
显示器:flex;
柔性流动:柱;
弯曲方向:行;
边界半径:20px;
盒影:5px 5px 5px灰色;
框大小:边框框;
保证金:自动;
}
#左分段头{
高度:83px;
背景图片:url(images/rottenlargebg.png);
背景重复:重复-x;
垂直对齐:文本底部;
}
#全面增长{
颜色:红色;
字号:48pt;
字体大小:粗体;
垂直对齐:顶部;
溢出:隐藏;
}
#评论专栏{
柔性流动:柱;
顺序:0;
宽度:550px;
背景色:#EEEEEE;
}
#回顾a,
#复习{
宽度:47%;
柔性流:行换行;
}
#复习{
浮动:对;
右:2%;
}
#回顾{
浮动:左;
左:2%;
}
#回顾img,
#回顾img{
浮动:左;
右边距:5px;
宽度:20px;
}
#复习A.复习::之前,
#复习a.复习::之后{
内容:“;
显示:表格;
明确:两者皆有;
}
#复习复习:在,
#reviewB.review::之后{
内容:“;
显示:表格;
明确:两者皆有;
}
.回顾{
字号:10pt;
背景色:#FFFFFF;
边框颜色:#中交;
边框:实心2px;
边界半径:20px;
字体系列:佐治亚州,“新罗马时代”,衬线;
填充:8px;
利润上限:20分;
}
.出版{
字体:斜体;
}
.reviewer>img{
浮动:左;
右边距:5px;
}
#概述内容{
宽度:240px;
背景色:#A2B964;
填充:10磅;
字号:10pt;
字体系列:Arial、Helvetica、无衬线字体;
边际上限:0;
页边距底部:0;
}
#概览栏{
柔性流动:柱;
顺序:1;
}
#概览{
宽度:100%;
身高:100%;
}
dt{
字体大小:粗体;
利润上限:10分;
}
保险商实验室{
列表样式类型:无;
填充:0;
}
#验证器{
文本对齐:右对齐;
不透明度:.5;
位置:粘性;
底部:0;
}
#底部{
文本对齐:居中;
背景色:#A2B964;
明确:两者皆有;
页边距底部:0;
垫面:5px;
垫底:5px;
}

TMNT(2007年)
主演
帕特里克·斯图尔特
马科
莎拉·米歇尔·盖拉
凯文·史密斯 经理 凯文·门罗 评级 PG 戏剧释放 2007年3月23日 电影简介 在击败了他们的宿敌碎纸机之后,海龟们作为一个家庭已经分开了。 MPAA评级 PG,动画动作暴力,一些可怕的卡通形象和温和的语言 释放公司 华纳兄弟。 运行时 90分钟 体裁 动作/冒险、喜剧、儿童、武术、超级英雄、忍者、动画角色 售票处 $54,132,596 链接
33%

这部电影摒弃了厚颜无耻、自我意识强的眨眼,试图让自己看起来光鲜而“酷”,但《曾经在那里》的动画无法与1990年真人电影中当时最前沿的木偶戏相媲美。

彼得·德布鲁格
不同种类

TMNT是一个有趣的,充满行动的冒险,将满足长期的球迷,并产生一个新的军团。

托德·吉尔克里斯特
IGN电影

真臭!

杰伊·谢尔曼(失业)

橡胶套装已经不见了,而且已经用先进的计算机技术重新制作过,但这并没有阻止它们变得单调乏味。

约书亚·泰勒
CinemaBlend.com

乌龟应该煮熟,不要说话!显然是烹饪失败

戈登·拉姆齐
地狱厨房

海龟本身看起来可能更漂亮,但并不聪明;从反文化的根源上被无可挽回地撕裂,我们的《半边壳》中的超级英雄们已经被他们的创作者曾经试图欺骗的行业牢牢地吸引住了。

珍妮特·卡苏利斯
纽约时报

这个故事以非个人的动画和任意的情节表现出来,似乎是电影制作人在拍摄过程中编造的。

埃德·冈萨雷斯
倾斜弹匣

图像和运动的惊人运用使每个序列都能留下深刻印象。这是一个成功的重新开始这个专营权。

马克·巴勒莫
海岸(新斯科舍省哈利法克斯)

脚本感觉像是计算机生成的。这种机械的呈现方式缺乏三部真人电影的俗气魅力。

#bottom { align-self: flex-end; }