bootstrap3でcontainerをはみ出し横目いっぱいに要素を広げる

2015年5月29日更新 view: 96 view

bootstrap3で横に目一杯広げる

containerの中に入れた要素を container をはみ出して横に目一杯広げたい時がある。そんな時の裏ワザ。

<style>

/*ヘッダ親要素越え*/
html {
overflow: auto;
}
body {
overflow: hidden;
}
.hamidashi {
margin-left: -500%;
margin-right: -500%;
padding-left: 500%;
padding-right: 500%;
border-bottom: 1px solid #f2f2f2;
background-color: #f9f9f9;
}
</style>

<div class="hamidashi">
この要素が目一杯横に広がるよ
</div>
スポンサードリンク

ちなみにレスポンシブでスマホ、PC両方とも使えるよ。

スポンサードリンク

関連記事

関連カテゴリ