html中div裹div,html – 围绕div包裹textarea输入

我的右上角有一个带有div框的textarea字段.我已经搜索了很多,但我找不到一种方法让输入textarea的文本环绕该div.

有任何想法吗？

#wrapper {

position: relative;

width: 500px;

height: 500px;

}

#logo {

width: 100px;

height: 100px;

position: absolute;

right: 10px;

background-color: cyan;

}

textarea {

width: 100%;

height: 100%;

}

LOGO

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam acumsan fringila lacus, in rhoncus ligula pretium eu. Nulam blandit vel quam ut posuere. Sed tincidunt comodo lacinia. Vivamus eget ulamcorper sapien. Phaselus gravida pretium sem, non fringila orci luctus vel. Donec augue sapien, pharetra portitor fringila hendrerit, ultrices in telus. In aliquet laoret turpis vitae ultrices. Praesent eget nula et telus pelentesque suscipit ac eu est. Nula sed imperdiet dui. Donec eficitur est dolor, nec placerat ex posuere pretium.

最佳答案我发现了这个非常古老的讨论：

Unusual shape of a textarea?

给出的答案是在div上使用contenteditable属性.

我设法得到这个代码,似乎是你正在寻找的.

#wrapper {

width: 500px;

height: 500px;

}

#logo {

width: 100px;

height: 100px;

float:right;

background-color: cyan;

}

.textarea {

width: 100%;

height: 100%;

}

LOGO

HTML

我只是替换< textarea>与< div class =’textarea’contenteditable =’true’>和位置：绝对; with float：right;.

html中div裹div,html – 围绕div包裹textarea输入相关推荐

html中section与div,如何在html中的section标签内包含div标签
我正在制作一个完整版块的页面网站,如this.每个页面都有自己的标签.目前我的网页有4个部分(呈现不同的背景颜色).如何在html中的section标签内包含div标签我的第一部分有一个容器div, ...
php中的div是什么意思,div是什么意思？div标签怎么用
很多刚入门的新手,对div是什么意思还不是很了解,现在很多网站上都有div,那么究竟div是什么意思?下面我们来总结一下div标签怎么用. 一:div是什么意思我们随便打开一个网页源代码就会发现里面 ...
在div中显示html_HTML基础知识之DIV
一.HTML 块元素大多数 HTML 元素被定义为块级元素或内联元素: 元素在浏览器显示时,通常会以新行来开始和结束: 如:<h1>,<p>,<ul>,<t ...
[译] 关于CSS中的float和position (父容器div内的子元素div为float时，父元素无法撑开（或高度自适应）的解决方式)
测试案例:http://blog.csdn.net/goodshot/article/details/44408245 当构建页面排版时,有不同的方法可以使用.使用哪一种方法取决于具体页面的排版要求, ...
Div+CSS布局入门教程(五) 页面制作-用好border和clear 附加：1.DIV+CSS设计原则 2.DIV+CSS中标签ul ol li dl dt dd用法
这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性. 首先,如果你曾用过table制作网页,你就应该知道,如果要在表格中绘制一条虚线该如何做,那需要制作一个很小的图片来填充,其 ...
html网页表格中加超链接,用html给div加类似a标签的超链接（转）
今天项目中遇到用html给div加类似a标签的超链接,回想半天,万幸还是想出来了. 分享一下啊: 1.通过window.open函数在新窗口跳转至百度在当前窗口跳转至百度 1 2 3 2.通过wi ...
html中如何写div中div的位置,position设置div的位置
css怎么调整div的位置可以使用css中的position来对div进行定位来改变div的位置,position可能的值如下: 工具原料:编辑器.浏览器通过设置一个div的position的值来 ...
vue中 div高度随另一个div的高度变化
最近做了好几个项目,终于把手里的事情干完了,趁着这几天比较空整理一下最近遇到的一些问题以及解决方案. 问题描述: in-wrap的高度不固定,会随着内容的多少改变,而out-wrap的高度则需要跟随i ...
vue中实现拖动调整左右两侧div的宽度
最近在使用vue的时候,遇到一个需求,实现左右div可通过中间部分拖拽调整宽度,类似于这样一.HTML代码 <template><div class="box" ...

html中div裹div,html – 围绕div包裹textarea输入

html中div裹div,html – 围绕div包裹textarea输入相关推荐

最新文章

热门文章