2016-10-20 3 views
0

私はフレームワークとしてブートストラップを使用してCMS(Ektron)を使用しています。位置を指定してdivをスタッキングする:

私はHTMLとCSSを書くことができますが、<div class="container">にしかアクセスできませんので、基本的には<div class="row">で始まります。

私はいくつかのDIVを全幅にしようとしています。私はそれを行うことができます。

.full-width-div{ 
height:100vh; 
width:100vh; 
position:absolute; 
left:0; 
} 

しかし、私は上に積み重ね次のフル幅のdivの問題を抱えています。 margin-top:800pxを使用して下位のdivを配置し、メディアクエリを使用して位置付けを退屈に制御できます。

もっと良い方法がありますか?重複した質問に私を転送してください。私は<div class="container">の外にコントロールがないので、答えを見つけることができないようです。

答えて

0

HTMLを制御できず、vw/vhに満足すれば、セカンダリ部門でいつもmargin-top: 100vhを実行できます。しかし、position: absoluteの使用を避けることができれば、今後は問題が発生する可能性があります。

HTMLを共有できますか?

.container{ 
width:100%; 
} 

その後、私だけがアイテムの残りの行を使用することを許可:ブートストラップでこのされた状態で代替ソリューション

+0

ありがとう@mikestreety - この種の作品がありますが、ページの上部には「フッター」があります。私はちょうどそれのすべてのCMSのものなしでHTMLをつかむことを試みている: -/ – SteveDavies

+0

私は位置を取ることに同意する:絶対 - そしてより多くのコードを共有すること。私はEktron tie-inについて興味があります。このコードをCMS内のコンテンツに追加していますか?それは、私にとっては、あなたがうまく設計しようとしている実装がうまく設計されていない可能性があることを示しています。 – egandalf

+0

こんにちは、ここにcodepenです。 http://codepen.io/steeth/pen/MJwwXQ – SteveDavies

0

があるかもしれません、私は設定を終わりました。

ありがとうございました!

関連する問題