超级会员免费看
本文详细介绍了CSS中的显示属性display，包括如何隐藏元素及其对布局的影响，以及块级和内联元素的区别。接着，文章深入讨论了CSS定位属性position，包括static、relative、fixed、absolute和sticky的用法，展示了各种定位方式如何影响元素在页面上的位置。此外，还提到了布局中的overflow处理和浮动元素的应用，以及如何通过clear属性防止元素因浮动而引起的布局问题。
一、CSS 显示：
CSS display属性设置元素应如何显示；CSS visibility属性指定元素应可见还是隐藏。隐藏元素可以通过display属性设置为“none”，也可以通过visibility属性设置为“hidden”。两者的区别：visibility:hidden可以隐藏某个元素，但隐藏的元素仍占用之前的空间，即该元素虽然被隐藏，但仍然会影响布局；display：none可以隐藏某个元素，且隐藏的元素不占用任何空间。
CSS display-块和内联元素：块元素是一个元素，占用全部宽度，在前后都是换行符；内联元素只需必要的宽度，不强制换行。示例：
<style>
p {display:inline;}
</style>
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
