Question

我把这个网站放在一起： https://startbootstrap.com/template-overviews/creative/

基于此模板 - Babel

我遇到的问题是页面右侧有一个空格。

我试过了

SELECT     a.Userid, a.Date, a.[Total Hrs], a.[Load Date],
                  c.[First Name], c.[Last Name] 
FROM         dbo.TimeSheetReport AS a 
                  INNER JOIN
                  Candidates AS c ON a.Userid = c.Userid 
AND a.Date >= c.[Confirmed Start Date] 
AND (a.Date <= c.[Planned End Date] or c.[Planned End Date] is null)
WHERE a.[Load Date] = @ddlendDate 
AND NOT EXISTS (select 1 from dbo.TimeSheetReport AS b 
WHERE b.[Load Date] = @ddlstartDate AND a.Userid = b.Userid AND a.Date = b.Date)
AND a.Date < (select MAX(date) from dbo.TimeSheetReport AS c 
WHERE c.[Load Date] = @ddlstartDate)

这解决了空格问题但是 overflow-x：hidden; 这一行打破了导航栏的前/后行为并导致fa图标进一步下降页面不显示。

我是否可以在控制页面正文的overflow-x时同时拥有导航栏和fa图标的功能？

或者我还能在CSS中做些什么来解决这个问题？

我对CSS中的父子动力学知之甚少，除了溢出-x之外还有什么东西可以导致右边的空白区域？

我已经看过几次这个问题，但没有像我这样的导航栏。我认为让其他人回答这些问题是有帮助的，因为这会进一步了解CSS的复杂性。

谢谢！

Answer 1

页面中间有一个部分（header之后）class="row bg-primary"

.row需要位于.container或.container-fluid。您所看到的是-15px上的margin左/右.row，通常会被.container父母偏移。

将该行换行.container-fluid。

身体在右边显示白色空间

1 个答案: