Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/55.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 导航的css问题_Html_Ruby On Rails_Css_Ruby - Fatal编程技术网

Html 导航的css问题

Html 导航的css问题,html,ruby-on-rails,css,ruby,Html,Ruby On Rails,Css,Ruby,我使用本页中给出的示例3: http://simple-navigation-demo.andischacke.com/ 我有一个问题,因为当我打开主页时(例如) 我在左边得到一个空div,而不是填充整个区域的content div 另一方面,当我从菜单打开页面时(例如) 一切都很好 有人能提出解决方案吗?如果CSS中的div不包含任何内容,如何完全删除它?有很多解决方案;这取决于你希望你的逻辑在哪里。纯CSS解决方案可能很棘手;在JS中做这类事情可能更容易 也就是说,尝试将#sub_导航

我使用本页中给出的示例3:

http://simple-navigation-demo.andischacke.com/
我有一个问题,因为当我打开主页时(例如)

我在左边得到一个空div,而不是填充整个区域的content div

另一方面,当我从菜单打开页面时(例如)

一切都很好


有人能提出解决方案吗?如果CSS中的div不包含任何内容,如何完全删除它?

有很多解决方案;这取决于你希望你的逻辑在哪里。纯CSS解决方案可能很棘手;在JS中做这类事情可能更容易

也就是说,尝试将
#sub_导航
宽度
属性改为
最大宽度
。这样,它仍然可以设置为
float:left
,但当它内部没有
ul
元素时,它可能会崩溃

在此之后,您可能需要修改
内容的宽度
div,但希望这能让您走上正轨

http://simple-navigation-demo.andischacke.com/
http://simple-navigation-demo.andischacke.com/books