老师你好，关于代码问题
来源：2-10 作业题
Liu1997
2019-08-17 20:45:28
老师你好，我想问下about区域的底部应该怎么做？
我按照我自己的方法做，发现这样做图片块还有文字块是无法向左浮动的，请问这是为什么呢？
<div class="about-footer">
<div class="about-footer-cont">
<div><img src="./images/b1.jpg"></div>
<div></div>
<div><img src="./images/b2.jpg"></div>
<div></div>
<div></div>
<div><img src="./images/b3.jpg"></div>
<div></div>
<div><img src="./images/b4.jpg"></div>
</div>
</div>
html部分↑
.main .about .about-footer{
widows: 100%;
height: 1000px;
}
.main .about .about-footer .about-footer-cont{
width: 25%;
height: 100px;
float: left;
}
.main .about .about-footer img{
width: 300px;
height: 200px;
}
css部分↑
3回答
-
同学你好， .about-footer .about-footer-cont>div >div表示选择about-footer下的about-footer-cont 下的子元素div下的子元素div.
老师这里给同学举了一个简单的示例：
效果图：之后对应的子元素div添加了边框，里面的一段英文字符没有选中就没有设置样式哦
同学可以自己下去测试一下，帮助自己更好的理解
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
0 -
好帮手慕慕子
2019-08-18
同学你好， 可以参考如下思路
八个div设置都设置浮动， 然后设置百分比宽度， 实现两排四列的布局效果：
可以添加一个空的div通过border属性设置三角形，然后结合定位设置三角形的位置。
效果图：
同学可以结合示例示例代码自己下去测试一下， 空白区域的问题， 同学可以尝试自己下去实现哦
如果还有疑惑， 可以再次提问，我们会继续为你解答的
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
0h019-08-19 -
Liu1997
提问者
2019-08-17
老师，就是这一块是怎么做的？思路是怎么样的
0
相似问题