0

私はサイトで作業しており、右側のボックス (所属) の下部を右側のボックス (連絡先) の下部に揃える必要があります。

問題は、Chrome、IE、Mozilla、さらには Windows の Safari でも動作させることができますが、Mac の Safari では動作しないことです。私は Mac を持っていませんが、Adobe BrowserLab を使用してそれがどのようになっているのかを確認しています (そして、クライアントはそれが機能しないと言っています:P)

@media を含むいくつかのコード / CSS を試しましたが、まだうまくいきません (コード / レイアウトが変更されている場合は、私が取り組んでいる可能性があります)。

マークアップと CSS はどちらもシンプルで標準的なものです。主要なブラウザー、Chrome、Firefox、(最新の)IE、および Mac の Safari で動作させるには、助けが必要です。

現在のコード:

#bottom-aff{
    display:inline;
    height: 145px !important;
}

しかし、私が言ったように、私はそれに取り組んでいます。

助けてください、ありがとう。

4

2 に答える 2

0

間違いなく最もエレガントなソリューションではありませんが、うまくいくようです：

#contentleft {
    position: absolute;
    top: 0;
    bottom: 0;
}

.postarea {
    position: absolute;
    top: 0;
    bottom: 10px;
    left: 0;
    right: 0;
}

基本的に、右側のサイドバーで #content の高さを決定し、残りのスペースを埋めるために左側のコンテンツを強制的に拡張します。左の列が右のサイドバーよりも高い場合、コンテンツが途切れる可能性があります。

于 2012-10-03T13:24:19.020 に答える
0

max-height,min-height プロパティを使用してみてください。

于 2012-10-03T13:34:45.537 に答える