Question

我在这里面临一个问题，

弹出元素LINES的大小为<div class="right menu">，而不是<div class="ui top attached menu">。因此，我的弹出窗口与右侧菜单的大小相同，我需要弹出窗口与整个导航栏的大小相同

这是小提琴：http://jsfiddle.net/qawdfw0y/1/

提前致谢

Answer 1

你的popup元素在.right类元素中，所以它肯定会占用它的宽度。

您可以尝试的是

.right {width：100％;}

以及你的弹出式窗口。

<div class="ui fluid popup bottom left transition hidden" 
style="top: 554px; left: 1px; bottom: auto; right: auto; width: 100%;">

Answer 2

我不知道这是不是你想要的......但它对我来说看起来很不错：

.ui.popup {
  min-width: 98vw;
  left: 1vw !important;
}

/* To move the arrow on the box */
.ui.bottom.center.popup:before {
  right: 320px;
  left: auto;
}

我知道!important的使用通常不是最好的，但style是由semantic.js设定的。唯一的选择是操纵semantic.js，以便做到你想要的。

弹出窗口没有获得完整的导航栏大小

2 个答案: