修复布局

main
AviderMin 3 weeks ago
parent 00a050dce5
commit 59710007fc

@ -3,9 +3,8 @@
height: 1200px; height: 1200px;
margin: auto; margin: auto;
} }
.classboxL{ .classbox{
float: left; display: inline-block;
overflow: hidden;
margin-top: 95px; margin-top: 95px;
width: 450px; width: 450px;
background-color: 236 236 236; background-color: 236 236 236;
@ -34,27 +33,7 @@
line-height: 50px; line-height: 50px;
text-align: center; text-align: center;
} }
.classboxL p{ .classbox p{
height: 100%;
font-size: 20px;
text-indent: 2em;
line-height: 35px;
padding: 0 10px;
background-color: skyblue;
margin: 0 10px;
}
.classboxR{
float: right;
overflow: hidden;
margin-top: 95px;
width: 450px;
background-color: 236 236 236;
border-bottom: skyblue 6px solid;
background-color: lightgray;
border-radius: 5px;
margin-right:8px;
}
.classboxR p{
height: 100%; height: 100%;
font-size: 20px; font-size: 20px;
text-indent: 2em; text-indent: 2em;

@ -25,7 +25,7 @@
</div> </div>
</div> </div>
<div class="mainbody"> <div class="mainbody">
<div class="classboxL"> <div class="classbox">
<div class="title"><h2>新闻区域方面</h2></div> <div class="title"><h2>新闻区域方面</h2></div>
<botton class="swbtn">时政新闻</botton> <botton class="swbtn">时政新闻</botton>
<botton class="swbtn">经济新闻</botton> <botton class="swbtn">经济新闻</botton>
@ -35,7 +35,7 @@
示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例 示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例
</p> </p>
</div> </div>
<div class="classboxR"> <div class="classbox">
<div class="title"><h2>新闻区域方面</h2></div> <div class="title"><h2>新闻区域方面</h2></div>
<botton class="swbtn">时政新闻</botton> <botton class="swbtn">时政新闻</botton>
<botton class="swbtn">经济新闻</botton> <botton class="swbtn">经济新闻</botton>

Loading…
Cancel
Save