修复布局

WebNews/css/newsclass.css

@@ -3,9 +3,8 @@
     height: 1200px;
     margin: auto;
 }
-.classboxL{
-    float: left;
-    overflow: hidden;
+.classbox{
+    display: inline-block;
     margin-top: 95px;
     width: 450px;
     background-color: 236 236 236;
@@ -34,27 +33,7 @@
     line-height: 50px;
     text-align: center;
 }
-.classboxL 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{
+.classbox p{
     height: 100%;
     font-size: 20px;
     text-indent: 2em;

WebNews/newsclass.html

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