Html中浅谈浮动

最新推荐文章于 2024-05-11 08:49:11 发布

Hily_ice

最新推荐文章于 2024-05-11 08:49:11 发布

阅读量1.2k

点赞数

分类专栏： Html

本文链接：https://blog.csdn.net/qice675563721/article/details/53784080

版权

Html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

代码：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#a {
background-color: Red;
height: 50px;
width: 100px;
border-style: dashed;
border-color: gray;

}

#b {
background-color: Yellow;
height: 50px;
width: 200px;
border-style: dashed;
border-color: gray;

}

#c {
background-color: Blue;
height: 50px;
width: 300px;
border-style: dashed;
border-color: gray;
//float:left;
}

#d {
background-color: Gray;
height: 50px;
width: 400px;
border-style: dashed;
border-color: red;
//float:left;
}
#e {
background-color: Gray;
height: 110px;
width: 500px;
border-style: dashed;
border-color: red;
//float:left;
}
#input1 {
//float:left;
}

#input2 {
// float:left;
}

#input3 {
//float:left;
}
#input4 {
// float:left;
}
</style>

</head>
<body>
<div id=a>div-a</div>
<div id=b>div-b</div>
<div id=c>div-c</div>
<input id="input1" type="text" value="input1" />
<input id="input2" type="text" value="input2" />
<input id="input3" type="text" value="input3 " />
<div id=d>div-d</div>
<input id="input4" type="text" value="input4 " />
<div id=e>div-e</div>
</body>
</html>