yandm_007 2017-04-27 14:38 采纳率: 0%
浏览 816

CSS布局,有个细节求助

图片说明

 <html>
<head>
<style>
.container1{
position:absolute;
left:15%;
right:15%;
width:70%;
height:300px;
background-color:#333333;
margin-top:50px;
padding:0px;
border-width:0px;
border-collapse:collapse;
}

.div_1{
display:inline-block;
position:relative;
margin:0px;
width:100%;
height:50px;
background-color:#555555;
}

.div_2{
display:inline-block;
position:relative;
margin:0px;
width:100%;
height:50px;
background-color:#555555;
}

.container2{
display:inline-block;
width:100%;
height:200px;
float:left;
padding-left:0px;
padding-right:0px;
background-color:#880088;
border-width:0px;
border-collapse:collapse;

}

.c_t_1{
display:inline-block;
width:50%;
height:200px;
background-color:#118822;
margin-left:0px;
margin-right:0px;
border-width:0px;
border-collapse:collapse;
}

.c_t_2{
display:inline-block;
width:49%;
height:200px;
background-color:#ffff22;
margin-left:0px;
margin-right:0px;
border-width:0px;
border-collapse:collapse;
}

</style>
</head>

<body>
<div class="container1">
<div class="div_1"><p>div_1</p></div>
<div class="container2">
    <div class="c_t_1">c_t_1</div>
    <div class="c_t_2">c_t_2</div>
</div>
<div class="div_2"><p>div_2</p></div>
</div>
</body>
</html>

如何让class=c_d_2的DIV充满container2的后50%的宽度, 即使c_d_2的width=50%而不会不会产生布局错乱。我是用的360浏览器打开的。

  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2017-04-28 01:23
    关注

    float

    
            .c_t_2 {
                display: inline-block;
                width: 50%;float:right;/*.................*/
                height: 200px;
                background-color: #ffff22;
                margin-left: 0px;
                margin-right: 0px;
                border-width: 0px;
                border-collapse: collapse;
            }
    
    评论

报告相同问题?

悬赏问题

  • ¥15 求chat4.0解答一道线性规划题,用lingo编程运行,第一问要求写出数学模型和lingo语言编程模型,第二问第三问解答就行,我的ddl要到了谁来求了
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥15 maple软件,用solve求反函数出现rootof,怎么办?
  • ¥65 汇编语言除法溢出问题
  • ¥15 Visual Studio问题
  • ¥20 求一个html代码,有偿
  • ¥100 关于使用MATLAB中copularnd函数的问题
  • ¥20 在虚拟机的pycharm上
  • ¥15 jupyterthemes 设置完毕后没有效果