1.dispaly:设置元素的显示方式。属性值:
block:显示为块级,占据整行,可以设置宽高。
inline:显示为行级,允许和其他元素在同一行,不可以设置宽高。
none:隐藏对象。
inline-block:行内块级,可以在同一行也可以设置宽高。
<style> .dis { width:100px; height:100px; background:#ccc; dispaly:none; } </style> <body> <div class="dis"></div> </body>
2.float:控制元素是否浮动显示,属性值:left/right/none。
<style> .dis { width:100px; height:100px; background:#ccc; float:right; } </style> <body> <div class="dis"></div> </body>
3.position:设置元素的定位。
a.absolute:绝对定位。
b.relative:相对定位。
c.fixde:固定定位。
<style> .dis { width:100px; height:100px; background:#ccc; position:fixed; right:0; bottom:100px; } </style> <body> <div class="dis"></div> </body>
时间: 2024-10-13 18:54:04