CSS中，主框架900，左框架205，右框架695，为什么不行嗯？

html-css021

CSS中，主框架900，左框架205，右框架695，为什么不行嗯？,第1张

因为的的#right 没有设置浮动！

#right

{

width:692px

height:262px

float:left 或 float:right

}

如果不行就初始化所有内外补白，再把#left中的图片3px的BUG弄掉（IE6）：

*{margin:0padding:0}

#left img{display:blockvertical-align:top}

@media (min-width: 900px){

}

需要说明的是，min-width是最小宽度为900，也就是大于900（包括900）

如果是max-width就是最大为900，也就是 小于等于900的情况。

 <!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="UTF-8" />

        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

        <title>Document</title>

        <style>

            .parent {

                width: 900px

            }

            .parent:after {

                content: ""

                display: block

                height: 0

                clear: both

                visibility: hidden

            }

            .parent > div {

                float: left

            }

        </style>

    </head>

    <body>

        <div class="parent">

            <div class="left">1</div>

            <div class="center">2</div>

            <div class="right">3</div>

        </div>

    </body>

</html>

 请采纳