新手关于html css的疑问
<HTML><HEAD><TITLE>定位属性</TITLE><STYLEtype=text/css>#container1{POSITION:absolute;TOP:...
<HTML>
<HEAD>
<TITLE>定位属性</TITLE>
<STYLE type=text/css>
#container1 {POSITION: absolute; TOP: 100px}
#container2 {VISIBILITY: hidden; POSITION: absolute; TOP: 100px}
P{FONT-SIZE: 12pt}
</STYLE>
</HEAD>
<BODY>
<P style="FONT-SIZE: 15pt; COLOR: #cc33cc; FONT-FAMILY: 行书体">请选择一幅图片: </P>
<DIV id=container1>
<IMG height=280 src="images/sand.jpg" width=185>
<P style="FONT-SIZE: 12pt; COLOR: #cc9933; FONT-FAMILY: 行书体">名称：大漠</P>
</DIV>
<DIV id=container2>
<IMG height=280 src="images/ocean.jpg" width=185>
<P style="FONT-SIZE: 12pt; COLOR: #3366cc; FONT-FAMILY: 行书体">名称：大海</P>
</DIV>
<FORM name=myform>
<P>
<INPUT onclick="container1.style.visibility='visible'; container2.style.visibility='hidden'" type=button value=大漠>
<INPUT onclick="container2.style.visibility='visible'; container1.style.visibility='hidden'" type=button value=大海>
</P>
</FORM>
</BODY>
</HTML>
这里我有2个问题
1.两个按钮明明是最后写的为什么会出现在图片上面
2.p和div究竟有什么区别
请讲的具体点，我是初学 展开
<HEAD>
<TITLE>定位属性</TITLE>
<STYLE type=text/css>
#container1 {POSITION: absolute; TOP: 100px}
#container2 {VISIBILITY: hidden; POSITION: absolute; TOP: 100px}
P{FONT-SIZE: 12pt}
</STYLE>
</HEAD>
<BODY>
<P style="FONT-SIZE: 15pt; COLOR: #cc33cc; FONT-FAMILY: 行书体">请选择一幅图片: </P>
<DIV id=container1>
<IMG height=280 src="images/sand.jpg" width=185>
<P style="FONT-SIZE: 12pt; COLOR: #cc9933; FONT-FAMILY: 行书体">名称：大漠</P>
</DIV>
<DIV id=container2>
<IMG height=280 src="images/ocean.jpg" width=185>
<P style="FONT-SIZE: 12pt; COLOR: #3366cc; FONT-FAMILY: 行书体">名称：大海</P>
</DIV>
<FORM name=myform>
<P>
<INPUT onclick="container1.style.visibility='visible'; container2.style.visibility='hidden'" type=button value=大漠>
<INPUT onclick="container2.style.visibility='visible'; container1.style.visibility='hidden'" type=button value=大海>
</P>
</FORM>
</BODY>
</HTML>
这里我有2个问题
1.两个按钮明明是最后写的为什么会出现在图片上面
2.p和div究竟有什么区别
请讲的具体点，我是初学 展开
3个回答
展开全部
你的 div用的 absolute 绝对定位,这个的位置只能用top,left,right,bottom 来控制位置,
form没用 absolute 会从最上面没有absolute 的元素开始算坐标,去掉absolute就行了
p是段落标签,div是块级元素,都会自动换行,不同的是div 默认带有display:block的属性 ,p没有
form没用 absolute 会从最上面没有absolute 的元素开始算坐标,去掉absolute就行了
p是段落标签,div是块级元素,都会自动换行,不同的是div 默认带有display:block的属性 ,p没有
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
P是强调的是语句将转入赋予函数值，而DIV 则不是
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1.你的div使用了绝对定位,使得div相对其他元素有了浮动,不管其他元素怎么布局,绝对定位的div位置不变.
2,p是一个段落,div是一个区域
2,p是一个段落,div是一个区域
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
