http://blog.csdn.net/itpinpai/article/details/50858538
CSS樣式
[css] view plain copy PRint?
body,ul,li { margin:0; padding:0; } ul,li { list-style:none; } .form-table { width: 600px; height: 330px; margin:10px auto; overflow: hidden; padding: 0; } .form-table .list { width: 100%; height: auto; overflow: hidden; } .form-table .list .item { width: 100%; height: auto; margin-top: 10px; font-size: 12px; line-height: 40px; overflow: hidden; } .form-table .list .item .name { float: left; width: 67px; } .form-table .list .item .info { width: 100%; height: auto; margin-left: 67px; } .form-table .list .item .textarea { position: relative; width: auto; } .form-table .list .item .input { width: 360px; height: 40px; line-height: 40px; text-indent: 10px; border: 1px solid #e5e5e5; border-radius: 3px; } .form-table .list .item textarea { width: 100%; height: 100px; border: 1px solid #e5e5e5; border-radius: 3px; box-sizing: border-box; } HTML代碼<div class="form-table"> <div class="page-title"> <h2 class="tit">請(qǐng)?zhí)顚?xiě)表單</h2> </div> <ul class="list"> <li class="item"> <div class="name">應(yīng)用名稱(chēng)：</div> <div class="info">愛(ài)小貓</div> </li> <li class="item"> <div class="name">個(gè)人簽名：</div> <div class="info"> <input type="text" name="projectName" placeholder="推廣計(jì)劃名稱(chēng)" required /> </div> </li> <li class="item"> <div class="name">個(gè)人描述：</div> <div class="info textarea"> <textarea name="productDes" id="productDes" placeholder="個(gè)人描述" required></textarea> </div> </li> </ul> </div> 左邊的div.name要浮動(dòng)，右邊的div.info不設(shè)置浮動(dòng)(同時(shí)不要定義width為像素或百分比，可以不定義，也可以是auto，)，新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
