سلام دوستان
یه تیکه کد نوشتم میخوام توی یه div یه input ورودی متنی بذارم ، ولی وقتی میذارم بینه div چون اندازش بزرگ تر از div هست میاد بیرون از div باید چیکار کنم ؟
این سی اس اسشه
.serch{
width: 35px;
height: 35px;
background: red;
-webkit-transition: width 2s;
-webkit-transition-timing-function: ease-in-out;
transition: width 2s;
border:#000000 dashed 1px;
position:absolute;
}
.serch:hover{
width: 230px;
}
اینم اچ تی ام الش
<li><div class="serch">
<img src="000.png" title="جستجو " style="width:35px;height:35px; float:left;"/>
<input type="text" name="serch" value=" " placeholder="...جستجو"style=" color:#666666;border-radius:5px;
-webkit-box-shadow:0px 0px 2px #bababa, inset 2px 2px 2px #303030;
-moz-box-shadow: 0px 0px 2px #bababa, inset 2px 2px 2px #303030;
box-shadow:0px 0px 2px #bababa, inset 2px 2px 2px #303030;
margin-top:5px; margin-left:-3px; text-align:right;border:none; height:25px; outline: none; position:static;" >
</div>