Question

我有一个代码一切似乎都没有，但正在渲染的前端不是。我有四个盒子，总宽度为1000px，每个盒子向左浮动250px，但显示的页面显示div宽度超过1000px，我不知道ish在哪里，请在下面找到html代码和css for该地区：

<div class="strategy">
            <div class="strat">
            <p>To ensure our clients get the best results, we employ a strategy which takes time to create the best possible combination of ideas beyond just a random collection of texts and images.</p>
            </div>
        </div>
        <div class="strategy">
            <div class="design">
            <h2>Design</h2>
                <p>We plan and strategize your project through even before starting it. An evaluation meeting is scheduled with you to get a chance to understand what your requirements are. We analyze, review and discuss with you on various options for your project. This will guide our brainstorming, research and gathering of content for designing the best solution for you.
                </p>
            </div>
        </div>
        <div class="strategy">
            <div class="develop">
                <h2>Develop</h2>
                <p>Based on the deliverables from the design step, we set to work harnessing our talents and appropriate technologies available to execute the project with focus on quality, cost and time. The client is carried along and kept in the loop at each stage for design approvals through our Online Project Sneak-Peek Platform (PSP Platform). This allows you to keep track of changes and updates into ensuring that the project, no matter how small or large, is a complete success.
                </p>
            </div>
        </div>
        <div class="strategy">
            <div class="deploy">
                <h2>Deploy</h2>
                <p>Finally your project is ready for deployment. This is in two phases; first phase in which we deploy project for debugging and troubleshooting for errors and glitches. When this phase has been certified then we move to the second phase which is the final deployment of the project and handover. 
                </p>
            </div>
        </div>
        <div class="clear"></div>

和它的css是：

#about{
    width:100%;
}

#about .about{
    width:1000px;
    margin:auto;
    text-align:justify;
    border-bottom:solid #000 1px;
    padding:0 0 20px 0;
} 

.about h1 {
    width:1000px;
    margin:auto;
    text-align:left;
    padding:50px 0;
    font-size:40px;
    font-weight:normal;
    border-bottom:solid #000 1px;
}

.about h2 {
    width:1000px;
    margin:auto;
    text-align:left;
    padding:20px 0;
    font-size:25px;
    font-weight:normal;
} 

.about p{
    font-size:14px;
}

.about .strategy{
    width:25%;
    float:left;
    text-align:left;
    color:#fff;
} 

.about .strat{
    background:#33bbec;
    padding:90px 20px 0 20px;
    height:370px;
}

.about .design{
    background:#5a5a5a;
    padding:15px 20px;
    height:430px;
}

.about .develop{
    background:#4a4a4a;
    padding:15px 20px;
    height:430px;
} 

.about .deploy{
        background:#3e3e3e;
    padding:15px 20px;
    height:430px;
    }

Answer 1

你为什么要筑巢你的div？在你的CSS中，你将标题设置为1000px？这不是正确的家伙..你的代码是一团糟... DIV CLASS风格......不是标题...

我该如何理清这个CSS

1 个答案: