html:
<div class="two">
<div class="img1"></div>
<div class="img2"></div>
<div class="img3"></div>
</div>
css:
.img1{
width: 500px;
height: 500px;
background: url(a)no-repeat;
background-size: 500px 500px;
}
.img2{
width: 500px;
height: 500px;
background: url(../csstexting/b.JPEG)no-repeat;
background-size: 500px 500px;
}
.img3{
width: 500px;
height: 500px;
background: url(../csstexting/c.JPEG)no-repeat;
background-size: 500px 500px;
}
请问一下父元素内部的3个DIV元素我设置了左浮动。怎么在不设置父元素宽度的情况下让内部的DIV横向排列啊。我要做轮播图。默认的是纵向排列的 也就是我设置了左浮动3个DIV盒子会乡下排列1500px
在CSS中,可以通过设置父元素的position
属性和overflow
属性来使浮动元素撑开父元素。以下是一个例子:
```css .parent { position: relative; overflow: hidden; }
.child { position: absolute; } ```
在这个例子中,position: relative
使子元素相对于父元素的相对定位。overflow: hidden
则隐藏子元素的默认内容,只显示父元素的内容。
注意,如果子元素的position
属性为absolute
,那么它的位置将不会影响到父元素。如果你想让子元素在父元素的父元素中占据特定的位置,你可以使用position: relative
。