2017-09-28 6 views
0

私はSemantic UI Reactを使用しています。私は右のフロートにしたいボタンで終了し、内部にいくつかのことでセグメント成分を持っていますが、私は右のそれをフロートするときには、セグメントの出てくる始まり:セマンティックUIリアクション - フローティングボタンがコンテナから出ていますか?

floated button is outside segment

私がいない場合それをフロート、それがうまくセグメントの内側にとどまるが、それは左のだ、と私は右側にそれをしたい:

enter image description here

が、私はこれを修正するために何ができますか?

答えて

1

代わりのfloatのようないくつかを使用する必要があります。これにより、コンテナの右側にブロックレベルの要素が配置されます。

+1

これはうまくいきましたが、 'display:inherit'も追加した後でしか動作しませんでした。明らかにセマンティックUIフレームワークはButtonコンポーネントに '.ui.button'のクラスを追加し、それらのクラスは' display:inline-block'に設定され、明らかに 'margin-left:auto'設定は無視されます。 –

0

Uはmargin-left:autoを使用してみてください、

button{ 
float:right; 
position:inherit; 
} 
関連する問題