                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

关于布局的小问题

如果将图片设置为浮动，在一个DIV里一张左浮动，一张右浮动。并且向设置图片距离边框有一定距离，应该怎么写呢？求助啊！！各位大神们。关于这部分的代码如下：

.contentc{position:relative;height:auto;width:100%;}

.borderleft{float:left;background:url(../images/leftyy.png) repeat-y;height:500px;width:16px;}

.borderright{float:right;background:url(../images/rightyy.png) repeat-y;height:500px;width:16px;}

</div>

For_Me_Able

2016-08-01

源自：初识HTML(5)+CSS(3)-升级版 13-9

关注问题我要回答

906

操作

收起

3 回答

刘小tia3743904 回答被采纳 +3 积分
2016-08-01

<html>
   <style>
       .ab{width:300px;
           height:200px;
           background:#09f;
           padding:10px;
       }
       .ab-1{width:100px;
           height:100px;
           background:#f96;
            margin:10px;
           float:left;
       }
       .ab-2{width:100px;
           height:100px;
           background:#f9f;
           margin:10px;
           float:right;
       }
   </style>
   <body>
       <div class="ab">
           <div class="ab-1"><img src="smiley.gif" style="width:100px;height:100px"/></div>
           <div class="ab-2"></div>
       </div>
   </body>
</html>