浮动窗文本如何编辑

个回答

小幕_316

2017-07-02 21:07:39

<!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
qq_忘昔_0

2017-04-05 17:53:17

<!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 17:48:45

<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 17:23:16

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

0

开黑小分队: 2017-04-05 17:17:49

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