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

span标签失去作用

为什么span的内容到不了樱桃小丸子的后边去,我都设置了

<!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">


.left{width:100px; border:3px solid #ccc; float :left;}

.right{width:394px;background:#ccc; border:3px solid #483D8B; margin:30px 0 0 150px;padding: 50px;position:relative;}

.span{position:absolute; right:50px; top :50px;font-size:12px;}

</style>

</head>

<body>

<div class="demo01">


  <div class="left">

  <img src=C:\Users\Administrator\Desktop.jpg/>

</div>

<div class="right">

<h>樱桃小丸子</h>

<p>&nbsp;&nbsp;网站随着这个概念的出现,白日依山尽黄河入海流欲穷千里目更上一曾露网站随着这个概念的出现,白日依山尽黄河入海流欲穷千里目更上一曾露网站随着这个概念的出现,白日依山尽黄河入海流欲穷千里目更上一曾露网站随着这个概念的出现,白日依山尽黄河入海流欲穷千里目更上一曾露网站随着这个概念的出现,白日依山尽黄河入海流欲穷千里目更上一曾露</P>

<span>50分钟之前</span>

</div>

</div>


正在回答

2 回答

您好,您的主要的问题就是为span标签设置样式时当成了一个类选择器(class)来设置的,您想的应该是使用标签选择器,也就是去掉style样式中span前面的点就好辣。如图:

http://img1.sycdn.imooc.com//5825948600011cab14380627.jpg


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

要给<span>加CSS样子,它只是行内容器

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

summer乐 提问者

我在style下边设置了样式了啊
2016-11-08 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

span标签失去作用

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