为了账号安全,请及时绑定邮箱和手机立即绑定

float有什么用

为什么我这个代码里div没有定宽,也没有设置float,照样会右移50%

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>relative样式</title>

<style type="text/css">

#div1{

    height:200px;

border:2px red solid;

position:relative;

    left:50%;

}

</style>

</head>

<body>

<div id="div1">

</body>

</html>


正在回答

1 回答

你用了position:relative;也就是相对定位距左50%,元素的display显示类型就会自动变为以 display:inline-block的方式显示,且默认宽度不占满父元素。所以会右移50%

0 回复 有任何疑惑可以回复我~
#1

岁寒松茂

应该是position:absolute的时候,才会改变display属性吧
2016-07-12 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1227030    人
  • 解答问题       18247    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

float有什么用

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号