私はコンテナの div を持っています。これはコンテンツを囲んで縁取り効果を生み出すように変更する必要がありますが、何らかの理由で div がページの上部に線として表示されているようです。下の画像は私が達成したいことを示していますが、このFiddleからわかるように、機能していません。
助言がありますか?
Code enclosed in Fiddle.
私はコンテナの div を持っています。これはコンテンツを囲んで縁取り効果を生み出すように変更する必要がありますが、何らかの理由で div がページの上部に線として表示されているようです。下の画像は私が達成したいことを示していますが、このFiddleからわかるように、機能していません。
助言がありますか?
Code enclosed in Fiddle.
これは、div の内容が左にフロートされ、div がフロートされていないためです。float: left;
境界線のある div に適用すると機能します: http://jsfiddle.net/9yUX3/7/
この問題を解決する別の方法は、overflow:hidden (または auto) を .boxed_content DIV に適用することです。フロートをコンテナに適用すると、レイアウトがさらに台無しになる可能性があるため、これはあなたにとってより良いかもしれません。
.boxed_content {
border: 1px solid black;
box-shadow: 0px 0px 5px 5px #c4c4c4;
overflow:hidden;
}
フロートを含めるすべての方法は次のとおりですhttp://www.visibilityinherit.com/code/contain-floats.php