如何在HTML中将两个div彼此相邻放置?
使用CSS属性,可以轻松地在HTML中将两个<div>彼此相邻放置。使用CSS属性float可以实现此目的。
这样,添加height:100px并设置margin。
示例
您可以尝试运行以下代码并排放置两个<div>-
<!DOCTYPE html> <html> <head> <title>HTML div</title> </head> <body> <div style="width: 100px; float:left; height:100px; background:gray; margin:10px"> First DIV </div> <div style="width: 100px; float:left; height:100px; background:yellow; margin:10px"> Second DIV </div> </body> </html>
热门推荐
10 亲姐姐怀孕祝福语简短
11 歌词祝福语高级文案简短
12 中班入学祝福语简短大全
13 娘家除夕祝福语大全简短
14 送给员工美好祝福语简短
15 贺卡祝福语情侣搞笑简短
16 下雪路滑祝福语简短
17 租房明天搬家祝福语简短
18 老婆生日祝福语短句简短