0

すべてのCSSがどのように機能するかは奇妙ですが、これらのdiv ID 11_tileまたは12のいずれかに何かを適用しようとする場合を除いて、CSSにこれが起こらないようにする行がある可能性があります。 div

ここに私の証拠がありますhttp://jsfiddle.net/rh6UD/

body
{
    background-color: blue;


    overflow: auto;
    /*-webkit-user-select:none;*/

    white-space:nowrap;

}

#wrapper {
    position:absolute;
    top:50px; bottom:50px; left:0;
    width:100%;
    background:green;
    overflow:auto;
}

#leftarea
{
    background-color: skyblue;
    width: 720px;
    display: inline-block;
    vertical-align: top;


}
#rightarea
{
    background-color: white;
    width: 2000px;
    display: inline-block;
    height: 580px;
}
#mainwindow
{
    margin-top: 15px;
    max-height: 600px;
    background-color:black;
    height: 600px;
    width: 3000px;
    padding: 5px 5px 5px 5px;



}
#search_tile
{
    background-color: yellow;
    height: 50px;
    width: 350px;
    display: inline-block;
}
#timeline_tile
{
    margin: 5px;
    position:relative;
    width: 250px;

    height: 580px;
    background-color: white;
    display: inline-block;

}
#conversations_tile
{

    top: 5px;
    vertical-align: top;
    position:relative;
    width: 250px;
    height: 375px;
    background-color: gray;
    display: inline-block;
}
#source_tile
{
    vertical-align: bottom;
    background-color: yellow;
    width: 450px;
    height: 200px;
    display: inline-block;
    position:relative;
    left: -255px;
}





#11_tile
{


    background-color: yellow;
    width: 450px;
    height: 200px;
    display: inline-block;





}



<div id="wrapper" class="wrapper">


    <div>   <!-- TOP PART -->


        <div id="search_tile" class="search_tile">search</div>


    </div>   <!-- TOP PART -->

    <div id="mainwindow">                   <!-- main window wrapper -->

        <div id="leftarea" class="leftarea">     <!-- LEFT AREA -->


            <div id="timeline_tile" class="timeline_tile">asdfasdfadsf
                <input type="text" name="lala"></div>
            <div id="conversations_tile" class="conversations_tile">asdfasdf</div>
            <div id="source_tile" class="source_tile">asdfasd</div>

        </div>     <!-- END LEFT AREA -->

        <div id="rightarea" class="rightarea">   <!-- RIGHT FIRST AREA -->

            <div id="11_tile" class="11_tile">1/1 full tile</div>
            <div id="14_tile" class="14_tile">1/4</div>
            <div id="12_tile" class="12_tile">1/2</div>
            <div id="13_tile" class="13_tile">1/3</div>
            <div id="23_tile" class="23_tile">2/3</div>
            <div id="34_tile" class="34_tile">3/4</div>

        </div>   <!-- END RIGHT FIRST AREA -->


    </div>    <!-- END MAIN WINDOW -->


</div>
4

2 に答える 2

4

ID 名を数字で始めることはできません (少なくとも、Firefox では機能しません)。名前を #tile_11 に変更すると、機能します。 http://jsfiddle.net/rh6UD/1/

#tile_11
{


    background-color: yellow;
    width: 450px;
    height: 200px;
    display: inline-block;




}
于 2013-06-17T23:19:36.527 に答える
0

ID を数字で始めることはできません。別のID名に変更してください。

例: #tile11.

ID要素が数字で始まる場合、CSS は要素に影響を与えません。

于 2013-06-17T23:19:54.427 に答える