div可以竖过来吗?

想把网页用div竖过来分成三分,就像freamset rows=""这样,可以实现吗?

解决方案 »

  1.   

    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <style>
    * {
    margin:0px;
    padding:0px;
    }
    html, body {
    width: 100%;
    }
    .d1 {
    float:left;
    display: block;
    width: 10%;
    height: 100%
    }
    .d2 {
    float:left;
    display: block;
    width: 80%;
    height: 100%;
    background-color: #3A5F94;
    text-align: center;
    color: white;
    }
    .d3{
    float:right;
    display: block;
    width: 10%;
    height: 100%;
    }
    </style>
    </head>
    <body>
    <div class="d1"></div>
    <div class="d2"></div>
    <div class="d3"></div>
    </body>
    </html>
      

  2.   

    是我火星了,inline解决了,抱歉