html之div

来源：互联网发布：淘宝上买淘宝小号编辑：程序博客网时间：2024/05/16 04:22

div布局

<html><head><title>div布局</title><style type = "text/css">#header{background:blue;height:100px;}#content{}#right{width:33%;height:250px;float:right;background:green;}#left{width:33%;height:250px;float:left;background:orange;}#middle{width:33%;height:250px;float:left;background:yellow;}#bottom{height:80px;background:gray;clear:both;}</style></head><body><div id = "header">头部</div><div id = "content"><div id = "right">网页右侧</div><div id = "left">网页左侧</div><div id = "middle">网页中间</div></div><div id = "bottom">网页底部</div></body></html>

div与span

<html><head><title>div与span</title><style type = "text/css">#span1{height:20px;border:1px solid red;}#span2{height:30px;border:1px solid blue;}#span3{height:40px;border:1px solid orange;}#div1{height:20px;border:1px solid red;}#div2{height:30px;border:1px solid blue;}#div3{height:40px;border:1px solid orange;}</style></head><body><span id = "span1">span1高20px</span><span id = "span2">span2高30px</span><span id = "span3">span3高40px</span><div id = "div1">div1高20px</div><div id = "div2">div2高30px</div><div id = "div3">div3高40px</div></body></html>

为什么span123高是一样的。。。。。

0 0