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">請填寫表單</h2> </div> <ul class="list"> <li class="item"> <div class="name">應用名稱：</div> <div class="info">愛小貓</div> </li> <li class="item"> <div class="name">個人簽名：</div> <div class="info"> <input type="text" name="projectName" placeholder="推廣計劃名稱" required /> </div> </li> <li class="item"> <div class="name">個人描述：</div> <div class="info textarea"> <textarea name="productDes" id="productDes" placeholder="個人描述" required></textarea> </div> </li> </ul> </div> 左邊的div.name要浮動，右邊的div.info不設置浮動(同時不要定義width為像素或百分比，可以不定義，也可以是auto，)，新聞熱點
疑難解答
