css| Design
First given the structure, please note that the structure is fixed prior to the performance design in the rear.
1 <body>
2 <div id= "Poppage" >
3 4 <div>
5 <label> Name </label>
6 <input type= "text"/>
7 </div>
8 <div>
9 <label> Name </label>
Ten <input type= "text"/>
</div>
<div>
<label> name </label>
<input type= "Text"/>
</div>
<!--by analogy, I will not write the-->
<div class= "Buttonarea" >
<input type= "button" value= "Add"/>
<input type= "button" value= "Refill"/>
</div>
</div>
</body>
The following are the design drafts provided by the designer:
Description: There are several limitations.
1, cannot define the background picture on the body.
2, the structure is not allowed to change, that is, add additional tags.
3, requirements to adapt to resolution, because such a page is not only as a fixed width of the pop-up page, but also as the width of the internal page is not fixed. (The contents of the form will change)
Forget it, not listed, to say that the limit may also write some out, but it is not interesting, simply say: How to rely on CSS to achieve a higher degree of overall layout. We are interested to try, three days after Sunday again give me the CSS and ideas. Of course not the standard answer to see who is the largest tolerance. ^_^