スタック・オーバーフローはプログラマーとプログラミングに熱心な人のためのQ&Aサイトです。すぐ登録できます。
bootstrapを使ってサイトを作っているのですがposition:absoluteで配置した要素の隣にdiv要素を配置してブラウザ幅を縮小するとdiv要素の中身がabsolute指定した要素にめり込んでしまいます。ネットでみるとabsoluteした要素にfloatが使えないようなのですがどうにか使える方法をご存じの方はいないでしょうか?
position: absolute は
position: absolute
absolute 要素のためのスペースが確保されません。
とあるように、他の要素は当該要素が存在しなかったものとしてレイアウトが行われます。当然回り込むことはありません。
記載されている質問文だけではどのようなレイアウトを検討されているか第三者にはわかりませんので、上記動作を念頭にスタイルを検討してください。
absoluteした要素にfloatは使えません。隣のdiv要素にabsolute、float、margin、padding等の設定で調整は可能かと思います。
absolute
float
margin
padding
必須ですが、公開はされません
“回答を投稿”をクリックすることで利用規約、プライバシーポリシー、及びクッキーポリシーに同意したものとみなされます。
プライバシー
「すべての Cookie を許可する」をクリックすると、Stack Exchange がデバイスに Cookie を保存し、 Cookie ポリシー に従って情報を開示できることに同意したことになります。