关于布局的小问题-慕课网

首页课程实战体系课手记专栏慕课教程

关于布局的小问题

来源：13-9 Relative与Absolute组合使用

For_Me_Able

2016-08-01 11:28

如果将图片设置为浮动，在一个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 class="contentc">

<div class="borderleft"></div>

<div class="borderright"></div>

</div>

写回答关注

3回答

刘小tia3743904

2016-08-01 15:11:49

已采纳

<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>

1 0

For_Me...

非常感谢！

2016-08-05 15:29:03

共 1 条回复 >
小妖怪

2016-08-01 12:05:00

可以用margin 设置外边距

0 1
小妖怪

2016-08-01 12:03:56

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

0 1

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225309 学习 · 18230 问题

相似问题

关于网页布局

回答 1

浮动中的布局问题

回答 3

关于大小写的问题

回答 4

关于相对和绝对布局的讲授顺序

回答 2

关于权值大小的问题

回答 4

打开慕课网App查看更多内容