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

为什么我的用了浮动布局,img移不出去div哦?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>微博页面</title>

<style type="text/css">

.demo{

width:640px;

padding:20px;

border: 1px solid #C36;

background:#0CF;

margin-left:100px;

position:relative;

}

.demo img{

float:left;

margin-right:20px;

}

</style>

</head>


<body>

<div class="demo">

<img src="car.jpg" width="80px" hight="80px"/>

<H5>中国西电</H5>

    <p>随着互联网的发展速度迅猛,前端工程师职业越来越火热,想学习Web前端技能吗 ? 该路径从基础知识到实战案例演练,一步步带您快速掌握如何搭建网站静态页面、开发网站交互特效,为您打开WEB前端工程师大门。还在等什么?快来学习吧!</p>

    <span id="min">十分钟</span>

</div>

</body>

</html>


正在回答

1 回答

图片移出去是通过margin的左边距设置为负值实现的,浮动只是把图片移动到框的左上角

margin: -20px 0 0 -100px

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

一万年 提问者

原来是这样哦,明白了,谢谢你哈!
2016-07-18 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页简单布局之结构与表现原则
  • 参与学习       108319    人
  • 解答问题       375    个

入门必杀技之结构与表现相分离,课程会有3个案例,不同角度讲解

进入课程

为什么我的用了浮动布局,img移不出去div哦?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信