首先給出結(jié)構(gòu)，請(qǐng)注重，是結(jié)構(gòu)固定在先，表現(xiàn)設(shè)計(jì)在后。
1 <body>
2 <div id="PopPage">
3 <h3>新增聯(lián)系人</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>
下面是設(shè)計(jì)師提供的設(shè)計(jì)稿：
說(shuō)明：有幾個(gè)限制。
1、不能在body上定義背景圖片。
2、結(jié)構(gòu)不答應(yīng)改變，也就是增加額外標(biāo)簽。
3、要求適應(yīng)分辨率，因?yàn)榇祟愴?yè)面不僅僅作為寬度固定的彈出頁(yè)面，同時(shí)也要作為寬度不固定的內(nèi)頁(yè)。（表單內(nèi)容會(huì)改變）
算了，不列了，要說(shuō)限制可能還能寫一些出來(lái)，但沒(méi)意思了，干脆這樣說(shuō)：如何僅依靠css實(shí)現(xiàn)容度更高的整體布局。大家有愛(ài)好可以試試看，三天后周日再給出我的Css和思路。當(dāng)然不是標(biāo)準(zhǔn)答案，看看誰(shuí)的容度最大。^_^
新聞熱點(diǎn)
疑難解答
圖片精選
