div 横向布局不成功。

赤冰 发布于 2013/11/20 14:12
阅读 573
收藏 0
<!DOCTYPE html>
<html>
<head>
    <title></title>


    <link rel="stylesheet" href="graph.css" type="text/css" media="screen" charset="utf-8" />
    <script src="jQuery.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){


            var width = 100;
            var height = 100;
            var color = "red";
            var leftP = 0;


            $(".graph-rectangle").each(function(){
                $(this).css({
                    "width":width,
                    "height":height,
                    "background":color,
                    "position":"absolute",
                    "borderLeft":leftP
                });


                leftP+=120;
            })
        });
    </script>
</head>
<body>


<div>
    <div class="graph-rectangle"/>
    <div class="graph-rectangle"/>
    <div class="graph-rectangle"/>
</div>


</body>
</html>
我想让三个div横向排列,为什么不可以呢?
加载中
0
0
赤冰

解决了:

                    "width":width,
                    "height":height,
                    "float":"left",
                    "background":color,
使用float:left就可以了

0
蓝创星空
蓝创星空
建议先把CSS基础打好。
0
赤冰

引用来自“蓝创星空”的答案

建议先把CSS基础打好。

呵呵,我刚开始学,麻烦再请教一下,我的float和position同时使用的时候为什么float就不起作用了呢

返回顶部
顶部