首先給出結構，請注意，是結構固定在先，表現設計在後。
1 <body>
2 <div id="PopPage">
3 <h3>新增連絡人</h3>
4 <div>
5 <label>姓名</label>
6 <input type="text" />
7 </div>
8 <div>
9 <label>姓名</label>
10 <input type="text" />
11 </div>
12 <div>
13 <label>姓名</label>
14 <input type="text" />
15 </div>
16 <!-- 以次類推，我就不寫了 -->
17 <div class="buttonarea">
18 <input type="button" value="添加" />
19 <input type="button" value="重填" />
20 </div>
21 </div>
22 </body>
下面是設計師提供的設計稿：
說明：有幾個限制。
1、不能在body上定義背景圖片。
2、結構不允許改變，也就是增加額外標籤。
3、要求適應解析度，因為此類頁面不僅僅作為寬度固定的彈出頁面，同時也要作為寬度不固定的內頁。（表單內容會改變）
算了，不列了，要說限制可能還能寫一些出來，但沒意思了，乾脆這樣說：如何僅依賴css實現容度更高的整體布局。大家有興趣可以試試看，三天后周日再給出我的Css和思路。當然不是標準答案，看看誰的容度最大。^_^
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
