浮动作业问题
来源：4-12 编程练习
咖啡灌不醉
2019-12-16 21:31:07
<!DOCTYPE html>
<html>
<head>
<style type="css">
div{
float:left;
}
</style>
<!-- 此处编写样式 -->
</head>
<body>
<!-- 此处写代码 -->
<div>
<img id="01" src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p>
<img id="02" src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div>
<img id="03" src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p>
<img id="04" src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div>
<img id="05" src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p>
<img id="06" src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p>
</div>
</body>
</html>
我的思路是：把一列作为一块再浮动，但是并不能实现。我所分析的原因是p会直接占据一行的宽度导致即使都浮动成行元素也会自动换行。不知道是不是这个原因，如果是的话该怎么去改呢，不是的话是不是还有其他错误
1回答
-
同学你好，
运行贴出代码，并不是同学所说的问题，错误原因是：css的type类型是-->type="text/css"
如上修改后：
修改后可以根据题目效果中的样式，再次添加边框等内容。
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
0
相似问题