<div class="items" style="height: 100%">
<div id="search" style="position: absolute">
<input type="text" placeholder="Search" autocomplete="off"/>
<span class="search-icon"></span>
</div>
<div>
<div id="Description"">
</div>
</div>
<div id="container" style="width: 100%">
</div>
jsfiddle:https://jsfiddle.net/0gL5017j/
我需要左侧的文本和右侧的文本框,不要重叠。
如何避免文本框和文本(说明)重叠?
最佳答案
尝试这个。
#search {
width:15%;
float:right;
}
#Description{
width:85%;
float:left;
word-wrap:break-word;
}
<div class="items" style="height:100%">
<div id="search">
<input type="text" placeholder="Search" autocomplete="off"/>
<span class="search-icon"></span>
</div>
<div id="Description"> TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest
</div>
<div id="container" style="width: 100%">
</div>
</div>
关于jquery - 如何避免文本和文本框重叠,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37803957/