課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
咨詢(xún)大神,如何讓text文本在div框里面,本節(jié)代碼的文本是不在div框里面的,離小廣告還差一步~
2017-04-05
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-8
正在回答
<!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> ? <!--小廣告窗口內(nèi)容-->
<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
? ? <p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
? ? ? ? <p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
</body>
</html>
小幕_316
? ? border:2px solid red;
? ? ? ? position:fixed;
? ? ? ? left:100px;
? ? ? ? top:100px;
? ? ? ? ? ? position:relative;
#div2{
? ? position:absolute;
? ?right:0;
<div id="div1">
? ? <div id="div2">文本。</div>
</div>
? ? ?width:200px;
? ? border:2px ?solid red;
position:relative;
position:absolute;
bottom:0;
right:0;
這節(jié)<div></div>里面沒(méi)寫(xiě)東西所以沒(méi)有文本啊,要有的話為什么不直接寫(xiě)? <div>文本</div>,這樣文本兩個(gè)字就跟著框不會(huì)隨著滾動(dòng)條動(dòng)了
<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>
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
6 回答如何理解浮動(dòng)?
2 回答使用了浮動(dòng)模型后,如何讓下一個(gè)元素不浮動(dòng)?
3 回答如何編輯代碼成以下樣式
2 回答文本標(biāo)題怎么上浮
2 回答如何改變文本域字體大???
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
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> ? <!--小廣告窗口內(nèi)容-->
<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>
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>
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>
2017-04-05
這節(jié)<div></div>里面沒(méi)寫(xiě)東西所以沒(méi)有文本啊,要有的話為什么不直接寫(xiě)? <div>文本</div>,這樣文本兩個(gè)字就跟著框不會(huì)隨著滾動(dòng)條動(dòng)了
2017-04-05