2017-09-15 20 views
-4

日divタグ内に4つのdivタグ(配置サイトのウィジェット)を配置しようとすると、1つの水平線に並べて表示されます。私はCSS要素の "float"と "display"を使ってこれを行いましたが、何らかの理由で4つのdivのうちの2つだけが私が望むやり方をしています。ここに結果が表示されますhttp://www.somersetsights.co.za/preiseneu.html。 cssスタイルエレメントは、htmlドキュメントのインラインスタイルか、スタイルシートhttp://www.somersetsights.co.za/css/style.cssです。divタグ内のdivタグの位置

私は専門家ではありません。実際にはむしろ経験の浅い。私は自分でこれを解決しようと努力しましたが、私は苦労します。私は専門家が私に助言を与えることを望む。ありがとう

+0

あなたのdivが水平になります

#review_widgets { display: table-cell; width: 1%;} 

あなたの外側のdivにこのCSSを追加します。 –

+1

質問を求めるコードのヘルプには、質問の中に** **好ましくは** Stack Snippet **でそれを再現するのに必要な最短コードを含める必要があります。あなたがリンクを提供したにもかかわらず、それが無効になるのであれば、あなたの質問は、同じ問題を抱える将来の他のSOユーザにとっては価値がないでしょう。 [**私のウェブサイトの何かが動作しないのは、リンクを貼り付けるだけです**](http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-リンクを張ることはできません)。 –

答えて

0

これが役立ちます。これは、あなたが他のdivのように `#のbooking_com_widget`にCSSを追加するのを忘れ、また、この中には見ら​​れない画像がある

+0

ありがとう、私は – afrikapit

+0

@afrikapitを確認します、これはあなたの質問に答えましたか?そうなら、それを受け入れます。それは答えのチェックマークです。これにより、同様の質問をした開発者は、すぐに解決策に進むことができます。そうでない場合は、コメントを追加します。ありがとう – TouchStarDev

1

これを解決する方法はたくさんあります。たとえば、.services divの幅を100%に設定すると、インラインにしたいコンテンツの親タグとなります。個人的に私はdisplay: inline-blockを使ってフロートの代わりに要素を配置しますが、それはあなたによって異なります。 また、埋め込みによるdivのオーバーフローを避けるため、.servicesタグにbox-sizing: border-boxを割り当てます。 お手伝いをしてください。

+0

ありがとう私はチェックします – afrikapit