CSS div定位问题
CSS div定位问题
提问于 2013-07-05 14:11:29
我不知道如何建立这个简单的布局。
这就是我想要的样子：
..。这就是我到目前为止所拥有的：
http://cssdesk.com/vQ3qr
在右上角如何得到黄色的div？
HTML:
<div class="gray-wrapper">
<div class="red">centered</div>
<div class="yellow">top right corner</div>
<div class="aqua">100% width</div>
</div>CSS
.gray-wrapper{
width:500px;
height:200px;
background:gray;
border:4px solid gray;
}
.red{
width:200px;
height:100px;
margin:0 auto;
background:red;
}
.yellow{
width:50px;
height:100px;
float:right;
background:yellow;
}
.aqua{
width:100%;
height:100px;
background:aqua;
}回答 2
Stack Overflow用户
回答已采纳
发布于 2013-07-05 14:13:39
只需将yellow div放在html中的第一位。
<div class="gray-wrapper">
<div class="yellow">top right corner</div>
<div class="red">centered</div>
<div class="aqua">100% width</div>
</div>http://cssdesk.com/KYRTT演示
Stack Overflow用户
发布于 2013-07-05 14:21:39
body{background:white}
.gray-wrapper{
width:500px;
height:200px;
background:gray;
border:4px solid gray;
}
.red{
width:200px;
height:100px;
margin-left: 150px;
background:red;
float:left;
}
.yellow{
width:50px;
height:100px;
float:right;
background:yellow;
}
.aqua{
width:100%;
height:100px;
background:aqua;
float: left;
}完成了！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17490924
复制相关文章
相似问题
腾讯云开发者
