1

私のサイトhttp://goo.gl/BcJtCactivity-leftセクション「aboutus」では、 divと分離するために、divの右側に薄い灰色の境界線が必要activity-rightです。残念ながら、私の現在のコードでは機能しません。何か案が？
ありがとう

HTMLコード：

<div class="section" id="plan-activite">
   <div id="activity-container">
      <div id="activity-left"><span class="activity-title">About Us</span><br /><img src="images/planet-water.jpg" class="activity-planet" alt="Picture" /></div>
      <div id="activity-right"><p><span class="activity-conclusion">XYZ, khkhkhk, ren natur</span></p><br /><p>XXZ AS was founded 2011sdqsd.</p><br/>
      </div>
   </div>
</div><!--END page3-->

CSSコード：

#activity-container {
    width:90%;
    background-color:#FFFFFF;
    Height:400px;
    margin-left: auto;
    margin-right: auto;
    opacity:0.95;
    filter:alpha(opacity=95); /* For IE8 and earlier */
    border: 1px solid #efefef;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}
#activity-left {
    color:#000;
    margin: 0 auto; 
    border-style:solid;
    border-right-color:#666;
    padding:15px;
    width: 30%; 
    float: left;
    position: relative; 
}
#activity-right { 
    font:12px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight:400;
    margin: O auto; 
    padding:15px;
    color:#000;
    width: 60%; 
    float: left;
    position: relative; 
    text-align:justify;
    -moz-column-count: 1;
    -moz-column-gap: 1.5em;
    -moz-column-rule: 1px solid #c4c8cc;
    -webkit-column-count: 1;
    -webkit-column-gap: 1.5em;
    -webkit-column-rule: 1px solid #c4c8cc;
}
.activity-planet {
    text-align:center;
    margin-top:20px;
    margin-left:20px;
}
4

2 に答える 2

0

に追加border: 1px solid #000し#activity-leftます。わたしにはできる。

これはずっと下に伸びるので、私はそうしますborder-left: 1px solid #000が。#activity-right

于 2012-07-29T17:01:33.167 に答える
0

color境界宣言は、、styleおよびwidthプロパティの3つの部分で構成されています。スタイルと幅は必須であり、色はオプションです（提供されていない場合はテキストの色から継承します）。

これらのプロパティは、 color-leftプロパティで行ったように-right、、、-topおよび-bottomサフィックスを使用してより具体的にすることができます。

したがって、現時点で欠落しているのは、右側の境界線を作成するための幅の宣言だけです。ただし、これに伴う問題は、全体に一般的なスタイルを設定しているため<div>、を追加するborder-width: 1pxと、他の3つの辺にデフォルトの色の境界線が表示されることです。

これを回避するには、省略形の宣言を使用して、3つのプロパティすべてを一度に右側に指定します（border-right: 1px solid #000;）。

于 2012-07-29T17:15:43.237 に答える