課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
咨詢大神,如何讓text文本在div框里面,本節代碼的文本是不在div框里面的,離小廣告還差一步~
2017-04-05
源自:初識HTML(5)+CSS(3)-升級版 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> ? <!--小廣告窗口內容-->
<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;
這節<div></div>里面沒寫東西所以沒有文本啊,要有的話為什么不直接寫? <div>文本</div>,這樣文本兩個字就跟著框不會隨著滾動條動了
<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>
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
6 回答如何理解浮動?
2 回答使用了浮動模型后,如何讓下一個元素不浮動?
3 回答如何編輯代碼成以下樣式
2 回答文本標題怎么上浮
2 回答如何改變文本域字體大???
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
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>
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
這節<div></div>里面沒寫東西所以沒有文本啊,要有的話為什么不直接寫? <div>文本</div>,這樣文本兩個字就跟著框不會隨著滾動條動了
2017-04-05