HTML的问题 10
<!doctypehtml><html><head><metacharset="UTF-8"><title>产品橱窗</title><styletype="text/cs...
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>产品橱窗</title>
<style type="text/css">
#chuchuang{
height:150px;
width:500px;
border:3px solid black;
overflow-x:auto;
overflow-y:hidden;
}
#chuchuang img{
width:100px;
}
#chuchuang p{
width:800px;
}
</style>
</head>
<body>
<div id="chuchuang">
<p>
<img src="images/p_small_001.jpg"/>
<img src="images/p_small_002.jpg"/>
<img src="images/p_small_003.jpg"/>
<img src="images/p_small_004.jpg"/>
<img src="images/p_small_005.jpg"/>
<img src="images/p_small_006.jpg"/>
<img src="images/p_small_007.jpg"/>
</p>
</div>
</body>
</html>
如上代码，要使框内的图片呈横向滚动的效果。为什么要添加p标签作为图片的容器？不添加p标签，直接div的宽度设置为800px为什么不行？ 展开
<html>
<head>
<meta charset="UTF-8">
<title>产品橱窗</title>
<style type="text/css">
#chuchuang{
height:150px;
width:500px;
border:3px solid black;
overflow-x:auto;
overflow-y:hidden;
}
#chuchuang img{
width:100px;
}
#chuchuang p{
width:800px;
}
</style>
</head>
<body>
<div id="chuchuang">
<p>
<img src="images/p_small_001.jpg"/>
<img src="images/p_small_002.jpg"/>
<img src="images/p_small_003.jpg"/>
<img src="images/p_small_004.jpg"/>
<img src="images/p_small_005.jpg"/>
<img src="images/p_small_006.jpg"/>
<img src="images/p_small_007.jpg"/>
</p>
</div>
</body>
</html>
如上代码，要使框内的图片呈横向滚动的效果。为什么要添加p标签作为图片的容器？不添加p标签，直接div的宽度设置为800px为什么不行？ 展开
3个回答
展开全部
这个就像，你想让一群羊从羊圈到井边去喝水，吵没纳但是还升没不想让他们乱跑，只想它们走一条直线，一只一只的过察旅去，怎么办，其中一种办法是用绳子把它们栓起来，栓成一条直线。
那外面的div就是从羊圈到井边的距离，也是范围，那根绳子就是p标签，想让图片不乱跑，就只能用p标签把图片栓起来，去牵动p标签，让图片按顺序滚动。
那外面的div就是从羊圈到井边的距离，也是范围，那根绳子就是p标签，想让图片不乱跑，就只能用p标签把图片栓起来，去牵动p标签，让图片按顺序滚动。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这样的效果要两个盒子 一个小盒子 显示部分图片（猛皮悔overflow ： hidden） 一个大盒子显示全部图枝正片，大握明盒子在小盒子里面 就ok 不是非要用p标签包，也可以用div包那些图片。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div是外面的盒子，p是控制图片在同一行显示
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
