扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章给大家介绍css中有哪些定位方式,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
成都创新互联公司是一家专注于成都网站设计、成都网站制作与策划设计,播州网站建设哪家好?成都创新互联公司做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:播州等地区。播州做网站价格咨询:18982081108
/*通配符选择器*/ *{ margin:0px; padding:0px; } /*div的选择器*/ .div1{ border:1px solid red; background:silver; width:60px; height:30px; float:left; margin-left:5px; } .div2{ position:relative; left:10px; top:10px; width:100px; height:80px; background:pink; float:left; margin-left:5px; } /*相对定位,他原来的空间任然保留*/ #spe{ position:relative; top:40px; left:20px; } /*绝对定位:元素框从文档流里完全删除 对该元素最近的那个脱离了标准流的元素定位*/ #spe2{ position:absolute; top:40px; left:20px; } /*固定定位,只想对于视图的左上角定位*/ #spe{ position:fixed; top:40px; left:20px; } /*静态定位是默认的static left、top此时没有效果 靠margin来移动位置*/ /*z-index用于设置对象(div)显示时候,层叠的属性, z-index值越小,则越在下层显示*/ [html] view plaincopy在CODE上查看代码片派生到我的代码片内容1内容3内容4内容2
关于css中有哪些定位方式就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流