css - 帮忙分析一下网站布局实现的细节

问题描述

问 题

http://school-100.view.sitest...
这是网址。尽量是实现响应是布局。也可以说一下不响应的。

解决方案

基本上就这样，你可以按照自己的想法去做，尽量按照模块化布局的思路做就可以了。注意复用性，先写相同部分，再写不同部分。先布局后写细节。

<div class="top"></div>
  <div class="header">
    <div class="logo"></div>
    <div class="nav">
      <ul>
        <li>...</li>
        ...
      </ul>
      <div class="search"></div>
      <span class="tel"></span>
    </div>
  </div>
  <div class="main">
    <div class="container">
      <div class="content about-us"></div>
      <div class="content teacher-strength"></div>
      <div class="content contact-us"></div>
    </div>
    <div class="container">
      <div class="left">
        <h1 class="news-center"></h1>
        ...
      </div>
      <div class="slide">
        <h1 class="school"></h1>
      </div>
    </div>
    ...
  </div>

这篇关于css - 帮忙分析一下网站布局实现的细节的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！