jquery - 如何避免文本和文本框重叠-LMLPHP

<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/

10-12 12:53
查看更多