                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

浮动窗文本如何编辑

咨询大神，如何让text文本在div框里面，本节代码的文本是不在div框里面的，离小广告还差一步~

qq_甜甜牛_0

2017-04-05

源自：初识HTML(5)+CSS(3)-升级版 13-8

关注问题我要回答

473

操作

收起

5 回答

小幕_316
2017-07-02

<!DOCTYPE HTML>

<html>

<head>

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

<title>relative样式</title>

<style type="text/css">

#div1{

width:200px;

height:200px;

border:2px red solid;

position:fixed;

bottom:0;

right:0;

color:red;

font-size:50px;

font-family:"Microsoft"_Yahei;

}

</style>

</head>

<body>

<div id="div1">小广告诶嘿嘿</div>

<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>

<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>

<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>

<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>

<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>

<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>

<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>

<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>

<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>

<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>

<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>

<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>

<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>

<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>

</body>

</html>

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

#1

噢，我的注释用错了，应该用/*...*/

2017-07-02 回复有任何疑惑可以回复我~

qq_忘昔_0
2017-04-05

<!DOCTYPE HTML>

<html>

<head>

<style type="text/css">

#div1{

width:200px;

height:200px;

border:2px solid red;

position:fixed;

left:100px;

top:100px;

position:relative;

}

#div2{

position:absolute;

bottom:0;

right:0;

}

</style>

</head>

<body>

<div id="div1">

<div id="div2">文本。</div>

</div>

</body>

</html>

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

qq_忘昔_0
2017-04-05

<head>

<style type="text/css">

#div1{

width:200px;

height:200px;

border:2px solid red;

position:relative;

}

#div2{

position:absolute;

bottom:0;

right:0;

}

</style>

</head>

<body>

<div id="div1">

<div id="div2">文本。</div>

</div>

</body>

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

橘子先生6
2017-04-05

这节<div></div>里面没写东西所以没有文本啊，要有的话为什么不直接写 <div>文本</div>，这样文本两个字就跟着框不会随着滚动条动了

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

开黑小分队
2017-04-05

<head>
<style type="text/css">
#div1{
position:relative;
bottom:0;
right:0;
}
#div2{
position:absolute;
}
</style>
</head>
<body>
<div id="div1">
    <div id="div2">文本。</div>
</div>
</body>

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

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1229327 人
解答问题 19084 个

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

本课相似问答

6 回答如何理解浮动？

2 回答使用了浮动模型后，如何让下一个元素不浮动？

3 回答如何编辑代码成以下样式

2 回答文本标题怎么上浮

2 回答如何改变文本域字体大小？

搜索更多本课相关问答

浮动窗文本如何编辑

我要回答关注问题

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

帮助反馈 APP下载

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

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