2012-08-22 56 views
0

HTML並排邊的div在WordPress主題

CSS of child theme

父主題的CSS可以在目錄www.guestvibe.com/wordpress/wp-content/themes/zincious/css找到/,被稱爲:

  • 管理
  • 顏色
  • 佈局
  • 導航
  • 分頁
  • 需要
  • 幻燈片
  • 排版

我知道這種定位問題已經被做死,但我發現很難因編輯現有主題的性質。

本質上,我想在#featured中將#left和#right彼此相鄰放置,但它下面的#body會給我帶來問題。目前,#right被發現在藍色條紋的#body內。

我的嘗試在子CSS中被註釋掉了,但那隻會造成更大的破壞。

回答

1

添加以下定義:

#left { 
    width: 50%; 
    float: left; 
} 
#right { 
    width: 50%; 
    display: block; 
    float: right; 
} 
#body { 
    clear: left; 
} 

當然,你可以讓#left和#right你喜歡的任何尺寸。爲了說明的目的,我只把它們做成了50%。

+0

謝謝,這工作,但它與它背後的div(http://www.guestvibe.com/wordpress/)混亂。任何想法如何我可以解決這個問題? – Sebastian

+0

什麼是div的標識符,它應該是什麼樣子? –

+1

在父div上使用'overflow:auto'規則。這將允許它「包含」漂浮物品。 –