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

坐等大神。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,input,select,textarea,form{margin: 0; padding: 0;}
body{font:14px/1.5 "宋体";}
img{border:none;}
ul,ol{list-style:none;}
input,select,textarea{outline:none;border:none;background:none;}
textarea{resize:none;}
a{text-decoration:none;}
.demo01{width:600px;position: relative;overflow: hidden;}
.left img{margin-left:20px }
.left{width:100px;float: left}
.right{width:400px;float:right;background:#9CF;border: 1px solid #ccc;padding: 20px}
.right p{font-size: 20px;line-height: 25px}
.right span{position: absolute;right: 20px;top:10px;font-size: 12px}


.demo02 img {float:left;}
.demo02 .right01{width:400px;float:right;background:#9CF;border: 1px solid #ccc;padding: 20px}
.demo02 .right01 p{font-size: 20px;line-height: 25px}
.demo02 .right01 span{position: absolute;right: 20px;top:10px;font-size: 12px}
    </style>
</head>
<body>
<div>
    <div>
    <img src="index.jpg">        
    </div>
    <div>
        <h3>大鲨鱼</h3>
        <p>又到了周一送壁纸的时间,本周小编依然为大家精心挑选了50张精美壁纸,相信总有一张会让你像小编一样忍不住就想收藏。不要控制自己,喜欢就赶紧右键吧!
        到了周一送壁纸的时间,本周小编依然为大家精心挑选了50张精美壁纸,相信总</p>
        <span>10分钟之前</span>
            </div>
</div>
<div>
    
    <img src="index.jpg">        
    <div>
        <h3>大鲨鱼</h3>
        <p>又到了周一送壁纸的时间,本周小编依然为大家精心挑选了50张精美壁纸,相信总有一张会让你像小编一样忍不住就想收藏。不要控制自己,喜欢就赶紧右键吧!
        到了周一送壁纸的时间,本周小编依然为大家精心挑选了50张精美壁纸,相信总</p>
        <span>10分钟之前</span>
            </div>
</div>
</body>
</html>

我的做出来是这个玩意,擦

56ff6ec60001770c05000497.jpg

56ff6ec60001189705000272.jpg


正在回答

0 回答

.demo2 {width:600px;overflow:hidden;position:relative;}

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

侠客岛的含笑 提问者

非常感谢!我太马虎了
2016-04-05 回复 有任何疑惑可以回复我~
#2

波子_ 回复 侠客岛的含笑 提问者

我也是菜鸟,一起加油^_^
2016-04-06 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

坐等大神。

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