关于CSS背景颜色与边框距离的问题

发布网友发布时间：2022-04-21 04:21

我来回答

共4个回答

热心网友时间：2022-04-21 05:50

你好，根据你说的，不知道是不是这个效果：

代码如下：

css:

#bg{width:250px;height:200px;border:1px solid #ddd;background-color:#eee;padding:0px 5px 0px 5px;}

#content{height:100%;background-color:#fff;}

</style>

html:

中间的内容

</div>

只要定义父级div（即：bg）的宽度即可，里面的内容会自适应。希望对你有帮助！:-)

热心网友时间：2022-04-21 07:08

热心网友时间：2022-04-21 08:43

用一个盒子实现不了的，要先定义一个div1，然后在里面在定义一个div2，设置两个div的高度相等，宽度不等，然后让里面的div2水平居中，再设置div2的背景就行了。比如下面的：

body部分：
<div id="div1">
<div id="div2"></div>
</div>

style部分：
#div1{width:200px;
height:800px;
border:1px solid blue;
}
#div2{
width:150px;
height:800px;
margin:0 auto;
background:#666;
}

热心网友时间：2022-04-21 10:34

不知道耶，到DIV里面在套一个DIV不就解决了么？
.one{ width:300px; height:300px; margin:0 auto; border:1px solid red;}
.two{ margin:5px; background:red; height:290px;}