0

相対位置と絶対位置の使用を最小限に抑えて複雑なレイアウトを実行する際に問題が発生する。

これが私のレイアウトです：

ここに画像の説明を入力

私のすべての要素は、1 つの問題だけが並んで座ったまま浮いています。2 行目の要素 (CTA要素) がborder img?

これは、高さを設定するとどうなりますかborder img

明確にするために：

ドムはborder imgと の間main_sidebarにあるようなものですCTA_top_container.

  1. メインサイドイメージ
  2. main_heading_container
  3. メインサイドバー
  4. border_img
  5. CTA_トップコンテナ
  6. CTA_Button_relative

最後に:

ボーダー img を div (または susy's last) として右にフローティングし、60% 幅として設定background-imageして div の左側に配置するか、相対コンテナー内に絶対位置の img をネストして左に微調整するなど、いくつかのアイデアがあります。 、しかし、私はレイアウトの流動性を破壊することを恐れています(それはsusy流動グリッドの中にあります)。

何かご意見は？

4

1 に答える 1

1

左ではなく右にフロートする場合border_img(エッジから押し出すための右マージンをいくらか設けて)、他のすべてはその周りを流れることができるはずです。

より多くの列を持つグリッドを使用することもできます。常に列を分数に分割する必要がある場合、それは実際にはジョブに適したグリッドではありません.

于 2015-06-04T20:51:12.213 に答える