Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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 将文本放置在文本区域上_Html_Css - Fatal编程技术网

Html 将文本放置在文本区域上

Html 将文本放置在文本区域上,html,css,Html,Css,我想在文本区域的右上角添加一个div/text HTML 复制 CSS div#textarea容器{ 位置:绝对位置; } 分区#副本{ 位置:相对位置; 右:0; } 需要做哪些调整 jsiddle:见此 你需要给你的文本区域一个宽度。这样,您就可以知道放置已定位div的位置在文本区域的边界内 div#textarea-container { position: relative; } div textarea { width: 100%; } div#copy { posit

我想在文本区域的右上角添加一个div/text

HTML


复制
CSS

div#textarea容器{
位置:绝对位置;
}
分区#副本{
位置:相对位置;
右:0;
}
需要做哪些调整

jsiddle:

见此

你需要给你的文本区域一个宽度。这样,您就可以知道放置已定位div的位置在文本区域的边界内

div#textarea-container { position: relative; }
div textarea { width: 100%; }
div#copy {
    position: absolute;
    top: 0px;
    right: 0px;
}
工作JSFIDLE代码

试试这个:

div#textarea-container {
    position: absolute;
}
div#copy {
    position: relative;
    margin-top:-40px;
    margin-right:5px;
    text-align: right;
}
把它放在右拐角处。
以下是JSFIDLE:

您希望文本位于文本区域内吗?还是就在它之外?
div#textarea-container {
    position: absolute;
}
div#copy {
    position: relative;
    margin-top:-40px;
    margin-right:5px;
    text-align: right;
}