Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.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 将textarea和表单放置到div底部会扭曲textarea的宽度_Html_Css - Fatal编程技术网

Html 将textarea和表单放置到div底部会扭曲textarea的宽度

Html 将textarea和表单放置到div底部会扭曲textarea的宽度,html,css,Html,Css,我试图在页面底部放置一个文本区域和一个输入类型为submit的表单。我的挑战是,我可以将两者都放在页面底部,但文本区域的宽度会扭曲。这是我的代码: .msg\u输入{ 宽度:100%; 边框:1px纯白; 边框顶部:1px实心#DDDDDD; -webkit框大小:边框框; /*Safari/Chrome,其他网络工具包*/ -moz框大小:边框框; /*火狐,其他壁虎*/ 框大小:边框框; } 戈博托姆先生{ 位置:固定; 底部:0; } 更新以下css: .goBottom{ po

我试图在页面底部放置一个文本区域和一个输入类型为submit的表单。我的挑战是,我可以将两者都放在页面底部,但文本区域的宽度会扭曲。这是我的代码:

.msg\u输入{
宽度:100%;
边框:1px纯白;
边框顶部:1px实心#DDDDDD;
-webkit框大小:边框框;
/*Safari/Chrome,其他网络工具包*/
-moz框大小:边框框;
/*火狐,其他壁虎*/
框大小:边框框;
}
戈博托姆先生{
位置:固定;
底部:0;
}

更新以下css:

.goBottom{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
这应该起作用的原因:
“固定位置”元素似乎没有占据全部宽度。因此,这确保了它是正确的。textarea获取goBottom元素的全宽。

尝试将
left:0
right:0
添加到
。goBottom
。太棒了。。。。。。。将此作为答案发布