<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box1{ width: 100px; height: 100px; background: red; /* 把该标签隐藏并且不占位置 */ display: none; } .box2{ /* width: 100px; height: 100px; */ background: red; /* 设置div可以和其他元素在一行显示，以后就不能设置宽高 */ /* 以后既设置div的宽高又设置在一行显示，可以通过浮动来完成 */ display: inline; } a{ /* 设置标签自己独占一行，不和其他标签一行显示 */ display: block; } </style> </head> <body> <div class="box1"> haha </div> <p>xixi</p> <div class="box2"> haha </div> <a href="https://www.baidu.com">百度</a> <a href="https://www.baidu.com">百度</a> </body> </html>
原文：https://www.cnblogs.com/fangkun/p/13955963.html