Semanti c UI сегменты использования размещенного имущества - PullRequest
Новая
       22

Semanti c UI сегменты использования размещенного имущества

0 голосов
/ 14 февраля 2020

Я пытаюсь, чтобы сегмент плавал влево и вправо в этой ситуации. У меня может быть фундаментальное недопонимание того, как работают поплавки. Я понятия не имею, почему правый сегмент ведет себя так.

Левый выделен синим, а правый выделен красным для пояснения.

enter image description here

Возможно, Сегменты не являются решением здесь?

Это мой компонент макета: 

return (
    <Container fluid>
      <Navbar />
      <Segment floated={"left"} style={{
          height: "65vh",
          marginLeft: "1rem",
        }}
      >Left Floating Segment</Segment>

      <Segment style={{
          height: "80vh",
          margin: `0 auto`,
          width: "60vw",
          padding: `0 1.45rem`,
        }}>{children}</Segment>

      <Segment floated={"right"} style={{
          height: "65vh",
          marginRight: "1rem",
        }}>Right Floating Segment</Segment>

      <Footer />
    </Container>
  )

1 Ответ

0 голосов
/ 14 февраля 2020

Я обнаружил, что помещения сегментов в контейнер с display: flex было достаточно, чтобы заставить их вести себя.

<Container style={{display: 'flex'}}> </Container>

...