Home > Developer > JavaScript
Simple layout and simple layout
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8"/>
<Title> floating around </title>
<Style type = "text/css">
# Nav {height: 30px; border: 1px solid red ;}
# Content {border: 1px solid black ;}
# Footer {position: absolute; bottom: 0px; height: 20px; border: 1px solid red; width: 100% ;}
</Style>
</Head>
<Body>
<Div id = "nav"> sdfs </div>
<Div id = "content">
<Div>Style:
1 my room
Open the door, oh, the room is very beautiful! Whose room is this? It's my room.
The bed is near the window. a quilt and a doll is on the bed. What color is my bed? It's my favorite color-purple.It's very dreamily color. the dresser is next to the bed. There are some books and a pen on the dresser.
I like watching TV. the TV is before the bed. I an lie to watch TV on the bed. I have a piano. the piano is near the TV set. sometimes, I play the piano. and the computer is near the window. I often play the piano.
Open the door. Oh, how nice the room is! Whose room is this? This is my room.
The bed is near the window. A quilt and a doll are on the bed. What is the color of my bed? Is my favorite color-purple. This is a fantastic color. The dresser is beside the bed. There are some books and a pen on the dresser.
I like watching TV. The TV is in front of the bed. I can watch TV in bed. I have a piano. It is next to the TV. I sometimes play the piano. The computer is near the window. I often play the piano.
2
I have a small room of my own. the room is decorated with a lot of posters of teen idols. in front of the window there is a desk and a chair. I spend a lot of time in there on learning. I have a bookshelf in the corner. it's getting heavier month after month, because I like to buy books, some of them I haven't even read yet. and last but not least there is my comfortable bed in which I have spent more than one third of my lifetime. anyway, I like my room. I prefer staying in it to going outside.
I have a small room of my own. This room is decorated with posters of many young idols. There is a table and a chair in front of the window. I spent a lot of time studying there. I have a bookcase in the corner. It weighs more than a month, because I like to buy books, many of which I have not even read. The last thing I want to talk about is that it is very important to have a comfortable bed. I have spent more than 1/3 of my life on it. Anyway, I like my room. I 'd rather stay in the room than go out .... Remaining full text>
Help write a simple DIV Layout
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "www.w3.org/..al.dtd">
<Html xmlns = "www.w3.org/5o/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"/>
<Title> simple DIV layout </title>
<Style type = "text/css">
Body, div, p {margin: 0; padding: 0 ;}
Body {text-align: center; font-size: 36px ;}
# W, # l, # r, # t, # B, # a {border: #000 solid 1px ;}
# W {width: 980px; height: auto; overflow: hidden; margin: 0 auto; padding: 5px ;}
# L {width: 273px; height: 800px; overflow: hidden; float: left; margin-right: 5px ;}
# R {width: 698px; height: 800px; float: right ;}
# T {width: 688px; height: 118px; margin: 5px auto ;}
# B {width: 688px; height: 663px; margin: 5px auto; position: relative; z-index: 1 ;}
# A {width: 500px; height: 200px; position: absolute; right: 20px; bottom: 40px; background: # f00; z-index: 2 ;}
</Style>
</Head>
<Body>
<Div id = "w">
<Div id = "l"> User Information </div>
<Div id = "r">
<Div id = "t"> title </div>
<Div id = "B"> details
<Div id = "a"> reply content </div>
</Div>
</Div>
</Div>
<& # Other full texts>
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
