Difference between revisions of "Team:SYSU-Software/Practices/CSS"

Line 104: Line 104:
  
 
#xiabu #xia_zuo .xia_zhong_pic {
 
#xiabu #xia_zuo .xia_zhong_pic {
−
width: 18%;
+
width: 21%;
 
float: left;
 
float: left;
 
margin-left: 15%;
 
margin-left: 15%;

Revision as of 14:13, 15 September 2015

#contentContainer {
  margin: 0 auto;
  width: 70%;
  font-family: arial,"Lucida Sans Unicode","Lucida Grande",sans-serif;
  padding-top: 50px;
  margin-bottom: 50px; 
  margin-top: 100px;
 /* height:4850px; */
}


  1. contentContainer #scientific, #contentContainer #integrated{

overflow: hidden; }

  1. contentContainer .tu, #contentContainer .wenzi {

float: left; }

  1. contentContainer .tu {

width: 30%; }

  1. contentContainer .tu img {

float: left; width: 100%; }


  1. contentContainer .tu #ti_two {

width: 85%; padding-left: 7%; }


  1. contentContainer .tu #pic_two {

width: 50%; margin-left: 25%; height: 80px; }

  1. contentContainer .shang_wen {

margin: auto; width: 60%; margin-left: 5%; }

  1. contentContainer .wenzi {

line-height: 150%; font-size: 17px; padding: 20px; background-color: #eef7f5; }


  1. jiantou img{

margin-top: 3%; margin-bottom: 3%; padding-left: 14%; width: 3%; }


  1. xiabu {

overflow: hidden; }

  1. xiabu #xia_zuo {

float: left; width: 45% }

  1. xiabu #xia_you {

float: right; width: 45% }

  1. xiabu .xia_arrow{

margin-left: 27%; margin-top: 8%; height: 88px; margin-bottom: 8%; }

  1. xiabu #xia_zuo .xia_arrow {
   width: 13%;

}

  1. xiabu #xia_you .xia_arrow {
   width: 7%;

}

  1. xiabu .xia_zhong {

overflow: hidden; margin-bottom: 8%; }

  1. xiabu .xia_zhong .xia_zhong_ti {

width: 55%; float: left; }

  1. xiabu #xia_zuo .xia_zhong_pic {

width: 21%; float: left; margin-left: 15%; height: 150px; }

  1. xiabu #xia_you .xia_zhong_pic {

width: 33%; float: left; margin-left: 5%; height: 150px; }