div怎么在一个布局以外的底部加文字

 我来答

1个回答

#热议# 空调使用不当可能引发哪些疾病？

cmoooo
2016-05-08 · TA获得超过3587个赞

知道小有建树答主

回答量：741

采纳率：0%

帮助的人：665万

我也去答题访问个人页

关注

展开全部

你的意思是不是想在一个div框的下面加文字，但是这行文字所在的代码却在div框所在的镇汪代码内？

如果帆亮是这样，你可以将文字外加上

<span style="position:absolute; top:100px;">这是那行文字</span>

其中 top的值根据你的实际情御轿仔况来增加和减少。

如果不是这个意思，你可以追问。

更多追问追答
追问

在框外



大哥可以教下我这个布局怎么写吗😊
追答

实在是无法理解 你的意思，你的1图是指div，图2的话，哪部分指文字呢？还有图3、图4。

你应该把问题描述清楚。

还是说，你的四个图，只是div布局？而你要问的是这几个布局如何用div实现？
追问

图三，蓝色旁边那两块是怎么写的，还有底部文字怎么加就这些

我已经写好了，就是不知道蓝色旁边那两块怎么弄还有字
追答
是这样的，不知道你是否学习了css，css叫做层叠样式表，它可以完美地让你实现任何的页面布局。

我给你写一下这个布局，你参考一下：
<html lang="zh">
<head>
    <title>布局演示</title>
    <style type="text/css">
.body{
    width:900px;
    margin: 0 auto;
}
.left{
    height:500px;
    width:400px;
    float: left;
    background-color: #579;
}
.right{
    float: left;
    width: 500px;
}
.right-top{
    height: 300px;
    background-color: #871;
}
.right-bottom{
    height: 200px;
    background-color: #091;
}



    </style>
</head>
<body>
<div class="body">
    <div class="left">
        这里是左侧
    </div>
    <div class="right">
        <div class="right-top">右上</div>
        <div class="right-bottom">右下</div>
    </div>
</div>
</body>
</html>
追问

谢谢了